Jakie kolory pasują do mojego głównego koloru?
Generator harmonii kolorów - klasyczne reguły color theory: komplementarna, triada, analogiczna, split-complementary, tetrada, kwadrat, monochromatyczna.
Wybierz kolor bazowy + harmonię - tool wylicza pozostałe kolory na kole barw OKLCH (perceptualnie spójne, w przeciwieństwie do tradycyjnego RGB color wheel).
Idealne do palet brand, ilustracji, ikon, infografik. Wszystko lokalnie.
Jak korzystać
- Wybierz kolor bazowy (HEX, color-picker, pipeta z ekranu).
- Wybierz typ harmonii: complementary (2 kolory naprzeciw), analogous (3 sąsiednie), triadic (3 w trójkącie), split-complementary (1 + 2 sąsiednie do komplementu), tetradic (4 nieregularne), square (4 w kwadracie), monochromatic (1 hue, 5 lightness).
- Wheel po prawej pokazuje koło barw OKLCH z markerami harmonijnych pozycji.
- Pasek "Palette swatches" - klik kopiuje HEX. Tabela "Details" = HEX + RGB + HSL.
- CSS variables u dołu - gotowe do wklejenia.
Do czego się przydaje
Gdzie harmonia kolorów działa najlepiej - typowe zastosowania:
- Brand palette - zacznij od jednego brand color, harmonia podpowiada accent. Komplementarna = energy (ciepły + chłodny). Analogous = spokojny mood. Triadic = dynamiczny, ale balanced.
- Logo design - większość logo używa 1-3 kolorów - harmonia zapewnia, że są wzajemnie spójne.
- Charts / infografiki - triadic lub split-complementary daje 3-4 distinct colors do data series.
- Web design - hero + accent (complementary) + neutral text. Parę tekst/tło zweryfikuj w sprawdzaniu kontrastu zanim zatwierdzisz.
- Edukacja - zrozum klasyczne reguły color theory na żywym przykładzie.
Pytania i odpowiedzi
Tradycyjne RGB / HSL color wheels mają nierówne perceptualne spacing. Komplementarna w HSL (180°) od czerwonego daje cyan - ale perceptualnie cyan jest "dalej", niż przewiduje HSL. OKLCH ma równe spacing perceptualne - "180° w OKLCH" to faktycznie postrzegana komplementarność. Wynik: bardziej harmonijne palety.