Słownik kolorów

Tożsamość koloru – czerwony, pomarańczowy, żółty, zielony… rozłożone według kąta wokół koła kolorów (0° czerwony, 120° zielony, 240° niebieski). To, co ludzie mają na myśli mówiąc „jaki kolor”, to właśnie barwa.

Jak jasny lub ciemny jest kolor, od czystej czerni do czystej bieli. Ta sama barwa, jaśniejszy jest bielszy, ciemniejszy jest czerń; jasność decyduje o czytelności i kontraście.

Intensywność koloru – 0% to szarość, 100% to czysta barwa. Wysokie nasycenie przyciąga uwagę, ale też męczy; interfejsy użytkownika zazwyczaj rezerwują je dla kluczowych akcji.

Czysta barwa plus biel to odcień, plus czerń to cień, plus szarość to ton. Skale kolorów marki to kontrolowane sekwencje odcieni i cieni.

Ciepło światła mierzone w Kelwinach: niska wartość K odchyla na pomarańczowy (ciepły), wysoka na niebieski (zimny). Tryb ciepły na ekranie po prostu obniża jego temperaturę.

Stosunek luminancji między elementem pierwszoplanowym a tłem, od 1:1 do 21:1. WCAG wymaga wartości ≥ 4,5:1 dla tekstu głównego oraz ≥ 3:1 dla dużego tekstu – to minimalny poziom dostępności.

Algorytm kontrastu będący kandydatem do WCAG 3. Uwzględnia rozmiar i grubość czcionki oraz polaryzację, a także dokładniej niż WCAG 2.1 odczytuje tekst w trybie ciemnym oraz tekst o niskim kontraście.

System współrzędnych dla barw. sRGB jest domyślną przestrzenią w internecie, Display P3 obejmuje szerszy zakres, a OKLCH organizuje barwy według percepcji człowieka.

Pełny zakres barw, jaki może wyświetlić urządzenie lub przestrzeń. Barwy neonowe o wysokiej nasyceniu często wykraczają poza sRGB – ekran może wyświetlić tylko ich najbliższe przybliżenie.

Sześciocyfrowa notacja #RRGGBB; 24-bitowa barwa (około 16,7 miliona barw) to sama przestrzeń barw internetu.

Dodatkowy model czerwono-zielono-niebieski, 0-255 na kanał. Sposób emisji światła przez ekrany sprawia, że RGB jest natywnym modelem świata cyfrowego.

Subtraktywny model cyjan-magenta-żółć-czerń, język druku. Konwersja ekranowego RGB na CMYK jest tylko teoretycznym przybliżeniem – dowodem przeciwko fizycznym próbkom barw.

Cylinder barwy, nasycenia i jasności, bardziej intuicyjny niż RGB. Jego wadą jest niejednorodność: przy 50% jasności żółć wydaje się znacznie jaśniejsza niż niebieski.

Nowa przestrzeń jednolita percepcyjnie: ta sama wartość jasności oznacza taką samą postrzeganą jasność, interpolacja nigdy nie staje się szara — nowy standard dla skal systemów projektowych. Natywna obsługa w CSS.

Zmiana liczbowa proporcjonalna do zmiany postrzeganej. W przestrzeni jednolitej różnica 10 wygląda tak samo różna wszędzie — podstawa CIEDE2000 i OKLCH.

Wzór na różnicę kolorów CIE. ΔE wyraża odległość postrzeganą: poniżej 1 jest prawie niewidoczne, poniżej 5 odczytywane jako 'ten sam kolor', powyżej 10 jest wyraźnie różne.

Globalny system kolorów punktowych, lingua franca druku i mody. Każdy kod ma własną recepturę tuszu; renderowanie na ekranie jest symulacją.

Niemiecki narodowy standard systemu kolorów, punkt odniesienia dla powłok przemysłowych i natryskiwania proszkowego — na przykład RAL 3020 czerwien drogowy.

Szwedzki system opisujący kolor przez czerń, chromatyczność i barwę; powszechny w architekturze i wnętrzach.

Stuletni system uporządkowany według odcienia, wartości i chromy; nadal oficjalny standard do klasyfikacji gleby i rolnictwa.

Palety dostępne dla użytkowników z wadami widzenia kolorów (około 8% mężczyzn): nigdy nie koduj wyłącznie za pomocą koloru, utrzymuj kontrast, weryfikuj za pomocą symulacji.

Kolory nazwane według celu, a nie odcienia: podstawowy/sukces/ostrzeżenie/niebezpieczeństwo. Semantyka umożliwia tworzenie motywów i trybu ciemnego.

Najbardziej rozpoznawalny kolor marki lub interfejsu, odpowiadający za główne akcje i wyróżnienia. Zwykle zajmuje mniej niż 10% powierzchni – duże użycie osłabia jego efekt.

Punkt kontrastu poza kolorem podstawowym: małe użycie (<5%) z maksymalnym przeciwieństwem odcienia lub nasycenia – kropki powiadomień, przyciski CTA.

Skala szarości: tła, separatory, tekst główny i pomocniczy – wszystko na niej się znajduje. Ciepły lub chłodny odchylenie koloru neutralnego określa charakter całego interfejsu.

Kolor marki rozszerzony o jasność do 11 stopni (50-950), podstawowy element systemów projektowych – efekt najechania, obramowania i tryb ciemny otrzymują kolory z tej samej rodziny.

Kolory oddalone o 180° na kole barwnym (czerwony-zielony, niebieski-pomarańczowy). Wspólnie intensyfikują się nawzajem — idealne do akcentów, ale w proporcji 1:1 wzajemnie się wykluczają.

Dwa do czterech sąsiednich odcieni (niebieski, niebiesko-zielony, zielony). Harmonijne i bezpieczne, ale płaskie — jeden akcent komplementarny przełamuje spokój.