Próbnik kolorów i palety

Kody HEX, RGB, HSL, CMYK, kontrast dostępności, odcienie i harmonie: wszystko, by dobrać kolory.

Formaty kolorów

FormatPrzykładGdzie go używać
HEX#6D5EF0Strony internetowe, programy graficzne
RGBrgb(109, 94, 240)Ekrany, CSS, obróbka zdjęć
HSLhsl(247, 83%, 65%)Tworzenie jaśniejszych lub ciemniejszych wariantów
CMYK55% 61% 0% 6%Druk (wartość orientacyjna, bez profilu kolorów)

Kontrast, czyli czytelny tekst

Wytyczne dostępności treści internetowych (WCAG) wymagają kontrastu co najmniej 4,5:1 dla zwykłego tekstu (poziom AA) i 7:1 dla poziomu AAA. Dużemu tekstowi wystarczy 3:1. Narzędzie liczy kontrast Twojego koloru na białym i czarnym tle: od razu wiesz, czy nadaje się do tekstu.

Tworzenie palety

Na komputerze pipeta pobiera kolor z dowolnego punktu ekranu, jeśli przeglądarka to obsługuje.

Najczęstsze pytania

Jak zamienić kod HEX na RGB?

Wklej kod HEX w pole: narzędzie od razu pokaże wartości RGB, HSL i CMYK, każdą z przyciskiem do kopiowania.

Jaki kontrast zapewnia czytelny tekst?

Co najmniej 4,5:1 między tekstem a tłem dla zwykłego tekstu i 3:1 dla dużego nagłówka. Narzędzie pokazuje, czy Twój kolor osiąga te progi.

Czy wartości CMYK są dokładne do druku?

Są orientacyjne: dokładna konwersja zależy od profilu kolorów drukarni. Poproś o jej profil, aby uzyskać wierny wynik.

Podobne narzędzia

Nasze inne strony:NetCheck - narzędzia sieciowe i DNSVolt - test prędkości internetuBoxo - tymczasowy adres e-mail