Generator Schematów Kolorów

Generuje harmonijne palety kolorów z teorii kolorów: komplementarne, analogiczne, triadyczne, tetradyczne i inne.

Kolor bazowy

Schemat kolorów

Wygenerowana paleta

#3C83F6

Baza

#F6AF3C

Komplementarny

Bazowy HSL: hsl(217, 91%, 60%)

O tym narzędziu

Generator schematów kolorów używa relacji teorii kolorów do tworzenia harmonijnych palet z jednego koloru bazowego.

Podejście to odzwierciedla metodę stosowaną w profesjonalnych narzędziach projektowych.

Komplementarny: Dwa kolory naprzeciw siebie (180°). Wysoki kontrast.
Analogiczny: Trzy sąsiednie kolory (±30°). Harmonijny i naturalny.
Triadyczny: Trzy równomiernie rozmieszczone kolory (120°). Żywy i zrównoważony.
Tetradyczny: Cztery równomiernie rozmieszczone kolory (90°). Bogata, złożona paleta.
Podzielony komplementarny: Baza + dwa kolory sąsiadujące z komplementarnym. Wysoki kontrast, ale łagodniejszy.
Monochromatyczny: Pięć odcieni tego samego odcienia. Subtelny i spójny.

Projektanci marek tworzą pełne palety z jednego koloru marki. Deweloperzy webowi wybierają komplementarne kolory akcentu dla stanów hover.

Dlaczego niektóre kolory wyglądają podobnie? — Dzieje się tak przy bardzo niskim lub wysokim nasyceniu/jasności. Spróbuj użyć bardziej nasyconego półtonu.
Czy mogę ich użyć w Tailwind lub CSS? — Tak. Skopiuj kody hex i użyj jako niestandardowych kolorów w tailwind.config lub zmiennych CSS.
Co to jest HSL? — Odcień-Nasycenie-Jasność. Odcień to kąt na kole kolorów (0-360°).