Wybór, konwersja, palety, kontrast i widzenie barw
Siedem zadań na kolorach, jeden wspólny pasek, każda liczba policzona tutaj
Siedem paneli na jednym wspólnym kolorze: wybierz i przelicz, sprawdź kontrast, zbuduj paletę, zbuduj skalę, zbuduj gradient, wyciągnij paletę z obrazu i zobacz całość przez trzy rodzaje widzenia barw. Zmień kolor w jednym panelu, a każdy inny już o nim mówi.
Przeliczenia idą za CSS Color Level 4, łącznie z prawdziwą, odcinkową krzywą przenoszenia sRGB zamiast gammy 2,2, adaptacją Bradforda między D65 a D50 dla Lab i dopasowaniem do gamutu przez zmniejszenie chromy w OKLCH. Dlatego te liczby zgadzają się z tym, co maluje przeglądarka, zamiast być o procent czy dwa obok.
Powie, jaki jest współczynnik według WCAG 2.2 i które wymagania para spełnia. Nie powie, że Twoja strona jest dostępna, bo kontrast to jedno kryterium sukcesu z wielu - kolejność fokusu, etykiety, ścieżki klawiaturowe, ruch i struktura są osobne - a strona o doskonałym kontraście nadal może być nie do użycia.
APCA siedzi za rozwinięciem i jest oznaczone jako informacja z projektu WCAG 3. Modeluje, jak kontrast czyta się przy danym rozmiarze i grubości pisma, czego WCAG 2 nie robi - ale dziś nic nie jest według niego oceniane, a pokazanie go jako równorzędnego przekłamywałoby oba.
Projekcja Viénota, Brettela i Mollona, zastosowana w świetle liniowym. Odpowiada na pytanie, które warto zadać - czy te dwa kolory nadal da się odróżnić - zamiast udawać fotografię tego, co widzi konkretna osoba. To model jednej postaci wady i panel wprost to mówi.
Najważniejsze możliwości opisane w praktyczny sposób.
HEX, RGB, HSL, HWB, OKLCH, OKLab, Lab, LCH, Display P3 i 148 nazwanych kolorów, każdy z przyciskiem kopiowania. Wartości poza gamutem są oznaczane i dopasowywane przez zmniejszenie chromy w OKLCH, tak jak mówi specyfikacja.
Współczynnik i to, które z wymagań AA dla tekstu zwykłego, AA dla dużego, AA dla interfejsu, AAA dla zwykłego i AAA dla dużego para spełnia. Kolory półprzezroczyste są najpierw składane na kolorze strony, dokładnie tak, jak maluje je przeglądarka - błąd, który popełnia większość takich narzędzi.
Gdy para nie sięga celu, najbliższy odcień tego samego koloru szukany jest po jasności i chromie w OKLCH, a każdy kandydat jest mierzony ponownie po zaokrągleniu do ośmiu bitów - bo szukanie w przestrzeni ciągłej potrafi zwrócić kolor, który po zapisaniu jako hex już nie przechodzi.
Siedem harmonii i jedenastostopniowa skala odcieni od 50 do 950, budowane przez obrót odcienia i krok jasności w przestrzeni percepcyjnej. Eksport do własnych właściwości CSS, zmiennych SCSS, JSON-a albo zwykłej listy.
Gradienty liniowe, promieniste i stożkowe z przeciąganymi punktami, interpolowane w OKLCH, żeby przejście od niebieskiego do żółtego nie szło przez błoto. Obok wypisywana jest zwykła postać sRGB, więc starsze przeglądarki i tak narysują gradient.
Median cut, a po nim dopracowanie metodą Lloyda, liczone na pikselach zdekodowanych w tej karcie. Krok próbkowania jest wymuszony poza małymi liczbami pierwszymi, żeby obraz w paski albo zrzut tabeli nie zredukował się do dwóch kolorów - to prawdziwa usterka, którą to naprawia.
Projekcja Viénota, Brettela i Mollona zastosowana w świetle liniowym, dla protanopii, deuteranopii i tritanopii. Panel mówi, czy PARA pozostaje rozróżnialna - bo to jest pytanie, które ma znaczenie - i wprost zaznacza, że modeluje jedną postać wady, a nie oczy konkretnej osoby.
Percepcyjny model kontrastu przygotowany dla WCAG 3 jest schowany za rozwinięciem i opisany tym, czym jest: informacją z projektu normy, a nie miarą, według której cokolwiek jest dziś oceniane. Pokazanie go jako równorzędnego z werdyktami WCAG przekłamywałoby oba.
Prosta droga od oficjalnego źródła do pierwszego udanego użycia.
Skorzystaj z jednego z oficjalnych odnośników dostępnych dla Twojego urządzenia lub przeglądarki.
Postępuj zgodnie z instrukcjami sklepu lub otwórz aplikację internetową. Bez zewnętrznych instalatorów.
Sprawdź dostępne opcje, wybierz preferencje i rozpocznij od podstawowego zastosowania.
Przejrzysty opis głównych technologii użytych do budowy i utrzymania produktu.
Twoje dane pozostają na Twoim urządzeniu. Zawsze.
