Siatka kontrastu

System projektowy to nie lista kolorów, tylko lista par — a pytanie, które naprawdę się pojawia, brzmi: który z nich może leżeć na którym. Sprawdzanie tego para po parze oznacza n² wizyt w sprawdzarce kontrastu. Dla palety ośmiu kolorów to sześćdziesiąt cztery sprawdzenia i właśnie dlatego nikt tego nie robi, i dlatego systemy projektowe wychodzą w świat z zestawieniami, których nikt nigdy nie przetestował. To jest sprawdzarka kontrastu palety, która robi je wszystkie naraz — macierz kolorów WCAG dla całego zestawu. Wklej swoją paletę, a każdy kolor zostanie sprawdzony jako tekst wobec każdego koloru jako tła, ze współczynnikiem kontrastu i oceną WCAG w każdej komórce. Zielony przechodzi wybrany przez ciebie poziom, bursztynowy przeskakuje tylko niższą poprzeczkę dla dużego tekstu, czerwony oblewa. Wklej ją w takiej postaci, jaką już masz. Hex, rgb(), hsl() albo nazwy kolorów CSS, rozdzielone złamaniami wiersza, przecinkami lub spacjami, z doczepioną jeszcze składnią własnych właściwości CSS, jeśli to właśnie skopiowałeś — odczyta to wszystko i powie ci o tym, czego nie zdołał odczytać. Siatka jest też tym, co warto zachować. Zbudowano ją tak, żeby dało się ją zrzucić prosto do specyfikacji projektu albo do pull requesta, bo sprawdzenie robi się raz, a obrazek służy przez rok. Wszystko działa w twojej przeglądarce.