Konwerter kolorów

Wybierz kolor lub wpisz go w dowolnym formacie (HEX, RGB, HSL lub CMYK), a od razu zobaczysz jego wartość w pozostałych, gotową do skopiowania do CSS. Pokazujemy też, czy jest czytelny na białym i na czarnym tle.

Formaty kolorów

HEX (#RRGGBB) to najpopularniejszy format w sieci: trzy pary cyfr szesnastkowych określające ilość czerwieni, zieleni i błękitu, od 00 do FF. RGB wyraża to samo dziesiętnie, od 0 do 255. HSL opisuje kolor przez odcień (0-360°), nasycenie i jasność w procentach, co ułatwia tworzenie jaśniejszych lub ciemniejszych wariantów tego samego koloru.

CMYK (cyjan, magenta, żółty i czarny) to model używany w druku. Przeliczenie z RGB jest przybliżone: do precyzyjnego druku potrzebny jest profil kolorów drukarni.

Kontrast i dostępność

Wytyczne dostępności WCAG wymagają minimalnego kontrastu między tekstem a tłem, aby osoby słabowidzące mogły go przeczytać: 4,5:1 dla zwykłego tekstu na poziomie AA i 7:1 na poziomie AAA (3:1 i 4,5:1 dla dużego tekstu). Kontrast wynosi od 1:1 (ten sam kolor) do 21:1 (czarny na białym).