Generator losowej palety kolorów
Harmonizowana paleta jest znacznie bardziej przydatna niż pięć losowych kolorów umieszczonech jedno obok drugiego. Ten narzędzie wybiera podstawowy kolor, a następnie generuje cztery kolorystyczne wartości oparte na klasycznych zasadach teorii koloru: analogiczne, komplementarne, rozdzielone komplementarne, triadyczne lub tetradyczne. Można zablokować dowolny kolor i ponownie wygenerować pozostałe.
Jak stworzyć paletę kolorów
-
1
Wybierz typ harmonii
Analogiczne (sąsiady na kołach), komplementarne (sprzeczne), triadyczne (z odległością 120°), tetradyczne (w formie prostokąta) lub monochromatyczne (tony jednego koloru).
-
2
Rozwinij podstawę
Pierwszy próbek to losowy kolor o średniej nasycenności i jasności – punkt startowy.
-
3
Bracia i siostry są obliczani.
Resztowe próbkowe obrazy są wygenerowane na podstawie podanej harmonii i następnie dostosowane pod kątem kontrastu.
-
4
Zamknij i ponownie uruchom
Zachowaj próbki, które ci się podobają; odroluj pozostałe, aż paleta będzie idealnie funkcjonować.
Szczegółowy spis informacji o systemie Harmony
| System | Wymiany koloru na kółku | Nastroj |
|---|---|---|
| Monochromatyczne | 0° (ten sam kolor, zmieniająca się jasność/luminance) | Spokojny, minimalny |
| Analogiczne | ± 30° | Ciepłe, naturalne |
| Komplementarny | 180° | wysoki kontrast, wyrazisty efekt |
| Komplementarna podziałka | 150 / 210 stopni | Kontrast bez napięcia |
| Triadyczne | 0, 120, 240° | Żywne, zrównoważone |
| Tetradyczny | 0°, 90°, 180°, 270° | Bogaty w elementy, trudne do zbalansowania |
Praktyczne porady
– Jeden dominujący akcent, dwa akceptujące oraz dwa dodatkowe akcenty. Dobrze zaprojektowane palety interfejsu użytkownika stosują proporcję 60/30/10: dwie trzecie ekranu przeznaczone są dla dominującego akcentu, jedna trzecia – dla akceptującego, a ostatnia część – dla dodatkowych akcentów. – Sprawdź kontrasty parę po parę. Paleta, która wydaje się harmonijna, może nadal zawierać kombinacje tekstu i tła nieczytelne. Przetestuj każdą kombinację, którą zamierzasz wysłać. – Zablokuj wynik i nie oblicz średniej. Jeśli dwa próbek wyglądają niepasująco, zablokuj te, które lubisz, i powtórz procedurę – nie kompromituj wyniku poprzez obliczenie średniej. mózg rozpoznaje harmonię, a nie średnie wartości.
narzędzia zawodowe
W ciągu lat projektanci preferowali różne systemy kolorystyczne. System RYB (czerwony, żółty, niebieski) jest standardem powszechnie stosowanym w edukacji. System HSL na komputerze stanowi uproszoną abstrakcję; natomiast system OKLCH jest obecnym stanem techniki pod względem jednolności percepcyjnej i warto go poznać, jeśli pracujesz z systemami kolorów dostępnymi dla wszystkich użytkowników.
Najczęściej zadawane pytania
Ponieważ stała saturacja i różnice w jasności generują wzory o podobnym wyglądzie niezależnie od odcienia, zmieniając jasność poszczególnych wzorów w paletie – jeden biały, jeden średniojasny, jeden ciemny – paleta staje się natychmiast bardziej przydatna.
Analogiczne i monochromatyczne elementy wyglądają niemal przypadkowo harmonijnie. Struktury trójkomponentowe i czterokomponentowe podkreślają pewność projektu, jednak przy słabej realizacji mogą łatwo wyglądać chaotycznie.
Tak – skopiuj kody heksadowe w postaci listy rozdzielonej komami, bloku własnych właściwości CSS lub tablicy JSON. Wybierz format, który przyjmuje program do projektowania.
Dla każdej próbkę przedstawiono kontrast między białym a czarnym kolorem, aby od razu można było zauważyć, które kombinacje są odpowiednie do tekstu. Weryfikacja zgodności z wymogami WCAG dotyczącymi parowych kontrastów należy do waszego obowiązku przed wysyłaniem produktu.