TEORIA BARW • BAUHAUS • KALKULATOR HARMONII

Koło Barw Ittena Online

Interaktywne dwunastostopniowe koło barw Johannesa Ittena. Odkrywaj kanoniczne harmonie chromatyczne, badaj kontrasty komplementarne i eksportuj palety barw z kodami HEX jednym kliknięciem.

HARMONIA DOPEŁNIAJĄCA (180°)
Barwy leżące naprzeciwko siebie w kole Ittena tworzą maksymalny kontrast chromatyczny.
12 Barw
Stopni Chromatycznych
3 podstawowe, 3 pochodne, 6 trzeciorzędowych
4 Harmonie
Reguły Geometryczne
180° dopełnienie, 120° triada, ±30° analogia
HEX / RGB
Standard Cyfrowy
Precyzyjne wartości do kodu CSS i grafiki
Bauhaus 1961
Źródło Naukowe
Kanoniczna teoria Sztuki Barwy Ittena

Matematyczna Struktura Dwunastostopniowego Koła Ittena

W 1961 roku szwajcarski malarz i pedagog Bauhausu Johannes Itten opublikował dzieło Sztuka Barwy (Kunst der Farbe), w którym uporządkował zjawiska chromatyczne w geometryczny okrąg o dwunastu równych wycinkach kątowych. Każdy sektor zajmuje dokładnie:

α = 360° / 12 = 30°

Układ ten nie jest przypadkowy. Opiera się na subtraktywnym mieszaniu pigmentów malarskich. W centrum koła Itten umieścił trójkąt równoboczny barw podstawowych: żółtej, czerwonej i niebieskiej. Ich zmieszanie w parach dało wierzchołki trójkątów barw pochodnych: pomarańczowej, fioletowej i zielonej. Zewnętrzny pierścień domykają barwy trzeciorzędowe, powstałe ze złączenia barwy podstawowej z sąsiadującą pochodną.

Ręcznie malowane akwarelowe koło barw Ittena w pracowni artystycznej z pędzlami i flakonami pigmentów
Dwunastostopniowe koło barw Johannesa Ittena – fundament harmonii chromatycznej w architekturze, sztuce i designie.

Geometryczne Reguły Doboru Harmonii Barwnych

Harmonia chromatyczna w modelu Ittena wynika z symetrii geometrycznej wpisanych figur wielokątnych:

  • Harmonia Dopełniająca (Kąt 180°): Odcinki łączące przeciwległe punkty okręgu (np. Żółty i Fioletowy, Czerwony i Zielony). Tworzą najsilniejszy kontrast barwny, stabilizując percepcję wzrokową oka.
  • Triada Chromatyczna (Kąt 120°): Wpisany trójkąt równoboczny (np. Żółty – Czerwony – Niebieski). Gwarantuje niezwykle żywy, ekspresyjny akord o zrównoważonym natężeniu emocjonalnym.
  • Harmonia Analogiczna (Kąt ±30°): Trzy bezpośrednio sąsiadujące barwy na obwodzie (np. Żółty, Żółto-pomarańczowy, Pomarańczowy). Zapewnia spójność nastroju i łagodne przejścia tonalne.
  • Tetrada Kwadratowa (Kąt 90°): Czwórka barw wyznaczona przez wpisany kwadrat. Wymaga wyznaczenia jednej barwy dominującej, aby uniknąć chaosu percepcyjnego.

Zastosowanie Koła w Nowoczesnym Projektowaniu

Wzrok ludzki dąży do stanu równowagi, zwanego przez Ittena szarością neutralną. Zestawienie dwóch barw dopełniających wywołuje zjawisko powidoku symultanicznego, dzięki któremu oko nie ulega zmęczeniu. Sprawdź także nasz ogólny generator losowych kolorów oraz oficjalne koło fortuny online.

Kapsuła Faktograficzna: Koło Barw Ittena

• Autor koncepcji: Johannes Itten (szkoła artystyczna Bauhaus, Weimar 1919–1923).
• Liczba sektorów: 12 (kąt każdego sektora: dokładnie 30°).
• 7 Kontrastów Ittena: barwy samej w sobie, jasny-ciemny, ciepły-zimny, dopełnieniowy, symultaniczny, nasycenia, ilościowy.
• Kąt harmonii dopełniającej: dokładnie 180°.

Centrum Wiedzy

Najczęściej Zadawane Pytania o Koło Barw Ittena

Wszystko, co musisz wiedzieć o losowaniach, bezstronności i funkcjach platformy.

Czym jest koło barw Johannesa Ittena i jak jest zbudowane?
Koło Ittena to dwunastoczęściowy diagram chromatyczny opracowany w szkole Bauhaus w 1961 r. Składa się z trzech barw podstawowych (żółtej, czerwonej, niebieskiej), trzech barw pochodnych (pomarańczowej, fioletowej, zielonej) oraz sześciu barw trzeciorzędowych powstałych z ich mieszania.
Czym różni się harmonia dopełniająca od triady chromatycznej?
Harmonia dopełniająca zestawia dwie barwy leżące naprzeciwko siebie pod kątem 180° (np. żółty i fioletowy), tworząc maksymalny kontrast. Triada łączy trzy barwy równomiernie oddalone o 120° (trójkąt równoboczny), zapewniając zrównoważoną i żywą kompozycję.
Jakie są barwy ciepłe i zimne w kole Ittena?
Oś podziału termicznego biegnie między żółto-zielonym a czerwono-fioletowym. Barwy ciepłe koncentrują się wokół czerwieni i pomarańczu, natomiast barwy zimne grupują się wokół błękitu i zieleni.
Jak wykorzystać koło Ittena w projektowaniu stron i grafice?
Wybierz jeden kolor dominujący (60% powierzchni), barwę dopełniającą lub analogiczną dla elementów wspierających (30%) oraz jaskrawą barwę kontrastową dla przycisków akcji CTA (10%), stosując klasyczną regułę 60-30-10.
Czy wygenerowane kody kolorów można eksportować do CSS?
Tak. Narzędzie generuje standardowe kody szesnastkowe HEX, które jednym kliknięciem kopiowane są do schowka i mogą być bezpośrednio wklejone do kodu CSS, Tailwind lub programów graficznych.