Konwerter kolorów: do czego służy
Projektanci przekazują kody szesnastkowe, animacje CSS wolą HSL, bo interpoluje w sensowny sposób, a praca na canvasie potrzebuje kanałów RGB. Ten konwerter przyjmuje kolor i generuje jego odpowiedniki, z podglądem na żywo i współczynnikiem kontrastu względem czerni i bieli, żeby sprawdzić dostępność.
Konwerter kolorów: jak korzystać
- Wpisz kolor w formacie HEX albo wybierz go za pomocą selektora.
- Odczytaj jego odpowiedniki w RGB i HSL.
- Sprawdź współczynniki kontrastu z białym i czarnym tekstem.
- Skopiuj format, którego potrzebujesz, w postaci gotowej do wklejenia składni CSS.
Najczęściej zadawane pytania
Dlaczego warto używać HSL zamiast HEX?
Ponieważ HSL rozumie się na pierwszy rzut oka. Rozjaśnienie koloru polega na podniesieniu jednej liczby zamiast przeliczania trzech par szesnastkowych, co znacznie ułatwia tworzenie spójnej palety.
Jaki kontrast jest potrzebny do spełnienia wymogów dostępności?
WCAG AA wymaga 4,5:1 dla zwykłego tekstu i 3:1 dla dużego tekstu; AAA podnosi minimum do 7:1. Liczby w narzędziu od razu mówią, czy lepiej sprawdzi się biały, czy czarny tekst.
Co oznacza czwarta wartość w RGBA?
To kanał alfa, czyli przezroczystość, od 0 (całkowicie przezroczysty) do 1 (całkowicie nieprzezroczysty). Nowoczesny CSS akceptuje też ośmiocyfrowy zapis szesnastkowy, w którym ostatnia para koduje alfa.
Dlaczego ten sam HEX wygląda inaczej na dwóch ekranach?
Przez zarządzanie kolorem. Ekrany różnią się gamą i kalibracją, a bez jawnego profilu koloru ta sama wartość sRGB wygląda inaczej na monitorze o szerokiej gamie.