Narzędzia / 014
Generator dostępnej palety kolorów
Zbuduj skalę koloru marki, dobierz czytelny tekst i wyeksportuj zmienne CSS.
Przejdź do narzędzia ↓Ładowanie interaktywnej części…
Jak z tego korzystać
- 01
Wybierz główny kolor marki oraz tło używane przez interfejs.
- 02
Sprawdź kontrast prawdziwego tekstu, kontrolek, obramowań, fokusu i stanów interaktywnych.
- 03
Wyeksportuj zmienne jako punkt wyjścia, a następnie przetestuj je w prawdziwym produkcie.
Czy jedna poprawna para kolorów wystarczy?
Nie. System musi obejmować rozmiary tekstu, kontrolki, fokus, hover, stany nieaktywne i treść na zdjęciach.
Według którego standardu liczony jest kontrast?
Wyświetlany wynik używa wzoru luminancji względnej WCAG 2.