Strona główna Nauka o Kolorze Harmonia barw

🎨 Harmonia barw

Zasady harmonii barw: barwy dopełniające, triada, koło barw HSL i percepcyjne zasady projektowania.

Nauka o Kolorze2DŁatwy60 FPS
color-harmony ↗ Otwórz osobno
Interfejs samej symulacji jest w języku angielskim.

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ę.

Podobne symulacje