HT-05Grafika i marka

Kolory, które budują spójną markę.

Utwórz paletę marki, sprawdź kontrast WCAG i wyeksportuj gotowe tokeny do CSS, JSON lub Tailwind. Wszystko dzieje się lokalnie w przeglądarce.

Działa lokalnie Kontrast WCAG

01Kolor bazowy

Zapisywane lokalnie

Nazwa marki

Główny kolor marki

Wpisz kod HEX (np. #3200FF) lub wybierz kolor selektorem.

Motyw interfejsu w tokenach

Pobierz kolory z logo lub zdjęcia Wczytaj obraz PNG, JPG, WebP lub SVG · kliknij albo przeciągnij plik

Kliknij kolor, aby skopiować

Skala primary#3200FF

Tokeny semantyczneGotowe do UI

Kontrast WCAGtekst / tło

Użyj palety w Open Graph

Sprawdź współczynnik kontrastu dla najważniejszych kombinacji tekstu i tła.

Eksportuj paletę jako zmienne CSS, JSON lub podstawową konfigurację Tailwind.

Użyj tych samych kolorów w faviconach, grafikach Open Graph i kolejnych formularzach.