Upuść dowolną 5-kolorową paletę do trzech rzeczywistych interfejsów — panelu kontrolnego, strony docelowej, aplikacji mobilnej — i zobacz ją jako rzeczywisty produkt. Role są przypisywane automatycznie: główny, akcentowy, powierzchniowy i tekstowy znajdują swoje miejsce.
Edytuj paletę (kliknij próbkę, aby zastąpić)
Pięć kolorów umieszczonych w trzech rzeczywistych interfejsach, z automatycznie przypisanymi rolami.
Kliknij „Wizualizuj” na dowolnej palecie społecznościowej lub tablicy palet, aby ją załadować, lub edytuj pięć wartości HEX ręcznie.
Silnik przypisuje kolory podstawowe, dodatkowe, akcentowe, powierzchniowe i tekstowe na podstawie jasności i nasycenia – sprawdź, gdzie każdy z nich znajduje się w każdym makiecie.
Przełączaj się między panelem kontrolnym, stroną docelową i aplikacją mobilną w czasie rzeczywistym; kliknij dowolną próbkę, aby od razu zastąpić kolor.
Częściowo zadawane pytania dotyczące podglądu palet.
Kontynuuj stąd i wykorzystaj kolory w praktyce.
Spacja do losowania, blokowanie, przeciąganie do zmiany kolejności, udostępnianie przez URL — wszystko, co powinna robić tablica palet.
Dowolny kolor na skalę systemu projektowego z 11 krokami, perceptualnie równomierną w OKLCH, kontrast WCAG na każdym kroku, eksport do Tailwind/CSS/SCSS/JSON.
Walidacja kontrastu WCAG 2.1 między dowolnym kolorem pierwszoplanowym a tła.
Opisz scenę lub nastrój w jednym zdaniu — otrzymaj paletę z pięcioma rolami z uzasadnieniem.