100% w przeglądarce
Narzędzia Kolor
Darmowe narzędzia do pracy z kolorami dla projektantów i programistów — konwertuj między HEX, RGB, HSL, CMYK, HSV i nie tylko, twórz harmonijne palety, sprawdzaj kontrast WCAG, mieszaj i cieniuj kolory oraz znajduj najbliższy nazwany kolor.
◑
Generator palety kolorów
Twórz palety dopełniające, analogiczne, triadyczne i tetradyczne z dowolnego koloru bazowego.
◐Sprawdzanie kontrastu kolorów
Sprawdź współczynnik kontrastu WCAG między kolorem tekstu a tłem z wynikami AA/AAA.
◓Mikser kolorów
Zmieszaj dwa kolory w regulowanej proporcji i uzyskaj wynikową wartość HEX.
▦Odcienie i rozjaśnienia kolorów
Twórz zakres jaśniejszych rozjaśnień i ciemniejszych odcieni z dowolnego koloru bazowego.
🎨Nazwane kolory CSS
Przeglądaj i przeszukuj ponad 140 nazwanych kolorów CSS wraz z ich wartościami HEX.
⚂Generator losowego koloru
Wygeneruj losowy kolor i zobacz go jako HEX, RGB i HSL.
◔Symulator daltonizmu
Symuluj, jak kolor wygląda przy protanopii, deuteranopii i tritanopii.
#αHEX ⇄ RGBA
Konwertuj między kodami kolorów HEX z kanałem alfa a notacją rgba(), z podglądem na żywo.
#?Formaty kolorów CSS
Pokaż jeden kolor w każdym formacie CSS: hex, rgb(), hsl() i hwb().
twGenerator palety Tailwind
Wygeneruj skalę odcieni 50–950 w stylu Tailwind z dowolnego koloru bazowego.
🖼◑Ekstraktor kolorów z obrazu
Wyodrębnij dominujące kolory z przesłanego obrazu jako próbki hex.
◐◑Generator duotonów
Stwórz dwukolorowy gradient duotonowy z możliwym do skopiowania CSS.
cmykKonwerter CMYK na RGB
Konwertuj kolory między CMYK a RGB/HEX z podglądem próbki na żywo.
hsvKonwerter HSV / HSB
Konwertuj kolory między HSV/HSB a RGB/HEX z podglądem próbki na żywo.
◑?Najbliższy nazwany kolor
Znajdź najbliższe nazwane kolory CSS dla dowolnie wybranego koloru.
#abcKolor z tekstu
Wygeneruj deterministyczny kolor z dowolnego ciągu tekstu.