Kody HEX, RGB, HSL, CMYK, kontrast dostępności, odcienie i harmonie: wszystko, by dobrać kolory.
| Format | Przykład | Gdzie go używać |
|---|---|---|
| HEX | #6D5EF0 | Strony internetowe, programy graficzne |
| RGB | rgb(109, 94, 240) | Ekrany, CSS, obróbka zdjęć |
| HSL | hsl(247, 83%, 65%) | Tworzenie jaśniejszych lub ciemniejszych wariantów |
| CMYK | 55% 61% 0% 6% | Druk (wartość orientacyjna, bez profilu kolorów) |
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.
Na komputerze pipeta pobiera kolor z dowolnego punktu ekranu, jeśli przeglądarka to obsługuje.
Wklej kod HEX w pole: narzędzie od razu pokaże wartości RGB, HSL i CMYK, każdą z przyciskiem do kopiowania.
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.
Są orientacyjne: dokładna konwersja zależy od profilu kolorów drukarni. Poproś o jej profil, aby uzyskać wierny wynik.