Paleta, skala i raport kontrastu w jednym pliku
Wybierasz jeden kolor bazowy i otrzymujesz kompletny zestaw marki. Zawiera on pełną paletę z kolorem dopełniającym, skalę dziewięciu odcieni oraz system odstępów i rozmiarów tekstu. Wszystko jest gotowe jako zmienne CSS do wklejenia w projekcie. Zestaw zawiera też raport kontrastu, który sprawdza każdy kolor na białym i czarnym tle. Dla każdego oblanego testu proponuje czytelną alternatywę, która zmienia tylko jasność i zachowuje oryginalny odcień. W tym miejscu większość zestawów marki zawodzi, ponieważ ładny kolor na ekranie projektanta staje się szarym tekstem na szarym tle u użytkownika.
Plik CSS ze zmiennymi kolorów, plik skali z odcieniami, odstępami i rozmiarami tekstu, obraz tablicy odcieni do udostępnienia oraz tekstowy raport kontrastu.
Ponieważ ładny kolor marki nie zawsze jest czytelny. Raport pokazuje dokładnie, gdzie tekst nie spełnia standardu AA. Podaje też alternatywę, która zmienia tylko jasność, a nie odcień.
Są one w przestrzeni sRGB, czyli takiej, jaką wyświetlają ekrany. W przypadku druku warto skonsultować się z drukarnią. Niektórych nasyconych odcieni nie da się dokładnie odwzorować za pomocą tuszu.
Narzędzie obraca odcień koloru bazowego o 150 stopni na kole barw. Jest to blisko koloru przeciwnego, ale nie dokładnie naprzeciwko. Ten kolor służy do punktowych wyróżnień, maksymalnie na 10 procent strony.
Nie udało się wczytać Klix
Najpierw spróbuj odświeżyć stronę. Jeśli właśnie pojawiła się nowa wersja, odświeżenie od razu pomaga.
Jeśli odświeżenie nie pomogło, Twoja przeglądarka może być zbyt stara. Klix uruchamia narzędzia na Twoim urządzeniu, a nie na serwerze, więc potrzebuje przeglądarki z 2022 roku lub nowszej. Co zrobić: zaktualizuj Chrome lub Firefox i otwórz ponownie klixtools.com.