🎨 Harmonia barw
Zasady harmonii barw: barwy dopełniające, triada, koło barw HSL i percepcyjne zasady projektowania.
O tej symulacji
To narzędzie wizualizuje klasyczne zasady harmonii barw na interaktywnym kole barw HSL. Wybierasz kolor bazowy poprzez odcień, nasycenie i jasność, a symulacja wyprowadza kolory partnerskie, obracając odcień wokół 360-stopniowego koła o stałe przesunięcia kątowe. Dopełniające używa +180°, triadyczne +120° i +240°, tetradyczne kroków co +90°, a analogiczne ±30°. Ponieważ HSL oddziela odcień od jasności, te relacje stają się prostą arytmetyką modularną zamiast zgadywania, dlatego stanowi podstawę tak wielu generatorów palet.
🔬 Co pokazuje
Renderuje koło barw HSL i nakłada wybrany schemat harmonii jako połączone kropki. Odcienie partnerskie są obliczane jako (H_bazowe + przesunięcie) mod 360, a następnie konwertowane na RGB i hex. Dopełniające, triadyczne, tetradyczne, rozszczepione dopełniające i analogiczne wykorzystują przesunięcia odcienia, podczas gdy monochromatyczne zachowuje jeden odcień i zmienia jasność o ±15 do ±20%.
🎮 Jak korzystać
Wybierz schemat jednym z sześciu przycisków (Dopeł., Triada, Tetrada, Rozszcz.-Dopeł., Analogiczne, Mono). Przeciągnij suwaki Odcień, Nasycenie i Jasność albo kliknij bezpośrednio na kole, aby ustawić odcień na podstawie kąta kliknięcia. Próbki, kody hex, odczyt RGB i mały makieta interfejsu aktualizują się na żywo, prezentując paletę.
💡 Czy wiesz, że…
Idea koła barw sięga Isaaca Newtona, który w 1704 roku zgiął liniowe widmo w okrąg, aby czerwień mogła spotkać się z fioletem. Współczesne nauczanie harmonii wiele zawdzięcza Johannesowi Ittenowi i Josefowi Albersowi z Bauhausu, którzy badali, jak sąsiadujące kolory zmieniają wzajemnie swój wygląd.
Najczęściej zadawane pytania
Czym jest harmonia barw?
Harmonia barw to zasada, według której pewne kombinacje kolorów wyglądają razem przyjemnie lub zrównoważenie. W praktyce oznacza to zwykle dobieranie kolorów w konkretnych, regularnych relacjach kątowych na kole barw — przeciwległych, równomiernie rozłożonych lub sąsiadujących odcieni — dzięki czemu paleta wygląda na zamierzoną, a nie przypadkową.
Jak obliczane są kolory harmonii?
Symulacja działa w przestrzeni barw HSL. Bierze bazowy odcień i dodaje stałe przesunięcia w stopniach, a następnie zawija wynik za pomocą arytmetyki modularnej, więc nowy odcień to (H_bazowe + przesunięcie) mod 360. Dopełniające dodaje 180°, triadyczne dodaje 120° i 240°, tetradyczne przesuwa się co 90°, analogiczne przesuwa się o ±30°, a monochromatyczne zachowuje odcień, zmieniając jasność.
Co robią suwaki H, S i L?
Odcień (0–359°) ustala pozycję na kole, a więc kolor bazowy. Nasycenie (10–100%) kontroluje, jak żywe względem szarych są kolory. Jasność (15–85%) przesuwa kolory w stronę czerni lub bieli. Wszyscy partnerzy harmonii mają to samo nasycenie i jasność co baza, z wyjątkiem trybu monochromatycznego, w którym jasność jest celowo zróżnicowana.
Jaka jest różnica między HSL a RGB w tym kontekście?
HSL opisuje kolor przez odcień, nasycenie i jasność, co naturalnie odwzorowuje się na koło i ułatwia wyrażanie zasad harmonii jako kątów. RGB opisuje ten sam kolor jako intensywności czerwieni, zieleni i błękitu, czyli sposób, w jaki ekrany faktycznie emitują światło. Narzędzie oblicza w HSL, a następnie konwertuje na RGB i kod hex, aby można było skopiować wartości do prawdziwych projektów.
Czy te zasady harmonii są naukowo ścisłe?
Są to ugruntowane konwencje projektowe, a nie ścisłe prawa percepcji. Przesunięcia kątowe są precyzyjne, a matematyka HSL dokładna, ale to, czy paleta rzeczywiście wygląda zrównoważenie, zależy też od kontekstu, nasycenia, jasności i efektów takich jak kontrast jednoczesny, gdzie sąsiadujące kolory zmieniają wzajemnie postrzegany odcień. Traktuj te schematy jako solidny punkt wyjścia, a nie gwarancję.