Konwerter kolorów
Wklej kod HEX, RGB, HSL albo nazwę koloru, a od razu dostaniesz wszystkie formaty i test kontrastu WCAG.
- Działa na Twoim urządzeniu
- Bez rejestracji
- Działa offline po wizycie
Akceptuje #rgb, #rrggbb, #rrggbbaa, rgb(), rgba(), hsl(), hsla() lub nazwę koloru CSS, np. rebeccapurple.
—————- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
Każdy współczynnik jest zgodny z WCAG 2.x. Duży tekst to 24 px lub więcej albo 18,66 px pogrubiony. Progi sprawdzane są na dokładnym współczynniku, a kolor półprzezroczysty najpierw miesza się z każdym tłem.
Jak przeliczyć kod koloru
- Wpisz kod HEX, rgb(), hsl() lub nazwę koloru albo wybierz kolor z próbnika.
- Skopiuj potrzebny format spośród pięciu wyników.
- Odczytaj współczynnik kontrastu i oznaczenia AA lub AAA na białym, na czarnym i na wybranym przez siebie tle.
Pytania
Dlaczego wartość CMYK jest tylko przybliżona?
CMYK zależy od tuszu, papieru i profilu barwnego drukarni. Ten konwerter używa prostego wzoru arytmetycznego, który pomija wszystkie trzy czynniki, dlatego wydrukowany kolor będzie się różnić od tego na ekranie. Przed dużym nakładem poproś drukarnię o próbny wydruk.
Jak liczony jest współczynnik kontrastu?
WCAG 2.x bierze luminancję względną każdego koloru, obliczoną z wartości czerwonej, zielonej i niebieskiej po korekcji gamma. Współczynnik to luminancja jaśniejszego koloru plus 0,05, podzielona przez luminancję ciemniejszego koloru plus 0,05. Czarny na białym daje 21:1, czyli najwyższą możliwą wartość.
Jakie progi stosuje test?
WCAG 2.x wymaga co najmniej 4,5:1 dla zwykłego tekstu i 3:1 dla dużego tekstu na poziomie AA oraz 7:1 i 4,5:1 na poziomie AAA. Duży tekst to 24 px lub więcej albo 18,66 px pogrubiony.
Jakie formaty kolorów akceptuje pole?
Kody HEX z trzema, sześcioma lub ośmioma cyframi, rgb() i rgba(), hsl() i hsla() oraz nazwy kolorów CSS, na przykład rebeccapurple. Przeglądarka odczytuje wartość, więc działa wszystko, co rozpoznaje jako kolor CSS.
Opinie
Brak opinii. Bądź pierwszy.