Informatyka
Konwerter kolorów HEX, RGB, HSL, HSV i CMYK
Wpisz kolor w dowolnym zapisie albo wybierz go próbnikiem: otrzymasz go we wszystkich pozostałych i od razu zobaczysz, jak czytelny byłby na nim biały lub czarny tekst.
Zapisy kolorów i kontrast
Na ekranie każdy kolor to mieszanka czerwieni, zieleni i błękitu, każdej od 0 do 255: to zapis RGB, a HEX to samo szesnastkowo, po dwie cyfry na kanał. HSL i HSV opisują ten sam kolor bardziej intuicyjnie, jako barwę na kole kolorów, nasycenie i jasność, dlatego używa się ich do tworzenia jaśniejszych i ciemniejszych odcieni.
Druk działa odwrotnie: zaczyna od białego papieru i odejmuje światło farbami cyjan, magenta, żółtą i czarną, czyli CMYK. Dokładne przeliczenie zależy od papieru i maszyny; pokazane tu jest teoretyczne, dobre dla orientacji, ale nie do pliku drukarskiego.
Kontrast WCAG mierzy, jak bardzo tekst odcina się od tła, od 1:1 do 21:1, na podstawie luminancji względnej, która waży zieleń znacznie mocniej niż błękit, tak jak oko. Wytyczne wymagają co najmniej 4,5:1 dla zwykłego tekstu i 3:1 dla dużego; 7:1 to poziom AAA.
Częste błędy
- Dobieranie koloru tekstu na oko: intensywny żółty wydaje się mocny, ale jest bardzo jasny i biały tekst na nim jest nieczytelny.
- Oczekiwanie, że wyliczony CMYK wydrukuje się jak na ekranie: wielu jaskrawych kolorów RGB nie da się wydrukować.
- Zapominanie o przezroczystości: kolor z kanałem alfa zmienia wygląd i kontrast w zależności od tła.
Najczęstsze pytania
Jaki kontrast jest potrzebny do dostępności?
WCAG 2 wymaga 4,5:1 dla zwykłego tekstu (poziom AA), 3:1 dla dużego tekstu od 24 px lub 19 px pogrubionego i 7:1 dla poziomu AAA.
Czym różni się HSL od HSV?
Oba używają barwy i nasycenia. W HSL jasność 100% to zawsze biel, a 50% czysty kolor; w HSV wartość 100% to czysty kolor w pełnej jasności.
Jak zapisać kolor przezroczysty?
Z kanałem alfa: #185FA580 jako ośmiocyfrowy HEX albo rgba(24, 95, 165, 0.5). Alfa wynosi od 0, przezroczysty, do 1, kryjący.
Jak działa to obliczenie
HEX #RRGGBB: każda para to kanał od 00 do FF. HSL: przy maksimum i minimum znormalizowanych kanałów L = (max + min) / 2, S = (max − min) / (1 − |2L − 1|), H z kąta dominującego kanału. CMYK: K = 1 − max, C = (1 − R − K) / (1 − K) i tak dalej. Kontrast = (L1 + 0,05) / (L2 + 0,05), z luminancją L = 0,2126 R + 0,7152 G + 0,0722 B na kanałach zlinearyzowanych.
Powiązane kalkulatory
Kodowanie URL
Kodowanie i dekodowanie procentowe wartości i adresów oraz adres URL rozłożony na części.
Kody Unicode i UTF-8
Punkt kodowy, bajty UTF-8 i UTF-16 oraz kod HTML każdego znaku, także emoji.
Konwerter Unix timestamp
Z Unix timestamp na datę i godzinę i z powrotem: sekundy, milisekundy, UTC i czas lokalny.