Konwersja kodu koloru — HEX, RGB, HSL, CMYK, sprawdzanie kontrastu
Przydatne do przenoszenia kolorów z makiety projektowej do kodu CSS albo do sprawdzania, czy tekst na przyciskach jest czytelny według standardów dostępności.
Plik nie jest wysyłany na serwer — przetwarzanie odbywa się wyłącznie w przeglądarce tego urządzenia
Sprawdzanie kontrastu (WCAG)
To kontrast tego koloru jako koloru tekstu względem tła. Tekst podstawowy: AA 4,5:1, AAA 7:1 / duży tekst (24px lub pogrubiony od 18,7px): AA 3:1, AAA 4,5:1.
Aa Ąę 123
Białe tło6.29:1
✓ AA tekst podstawowy ✗ AAA tekst podstawowy ✓ AA duży tekst ✓ AAA duży tekst
Aa Ąę 123
Czarne tło3.34:1
✗ AA tekst podstawowy ✗ AAA tekst podstawowy ✓ AA duży tekst ✗ AAA duży tekst
Aa Ąę 123
Wybrany kolor #FFFFFF6.29:1
✓ AA tekst podstawowy ✗ AAA tekst podstawowy ✓ AA duży tekst ✓ AAA duży tekst
Poziomy jasności i przyciemnienia
Kliknięcie pola kopiuje kod HEX.
Reklama
Jak korzystać z Konwersja koloru
- 1Wpisz kod koloru albo wybierz go za pomocą selektora (obsługiwane formaty: #4f46e5, rgb(), hsl()).
- 2Wyświetlany jest kod we wszystkich formatach — kliknięcie kopiuje go.
- 3Sprawdź kontrast względem białego, czarnego i wybranego koloru, zgodność z WCAG oraz poziomy rozjaśnienia i przyciemnienia.
Najczęściej zadawane pytania
Jaki minimalny kontrast jest wymagany?
WCAG AA wymaga kontrastu co najmniej 4,5:1 dla tekstu podstawowego i 3:1 dla dużego tekstu, a AAA — odpowiednio 7:1 i 4,5:1.
Wartości CMYK różnią się od tych w drukarni.
Wartości CMYK tutaj są wynikiem prostej konwersji matematycznej. Rzeczywisty wydruk zależy od profilu papieru i tuszu, dlatego kieruj się wytycznymi drukarni.
Reklama