Palety kolorów

Interaktywne koło kolorów

Przeciągnij punkt po kole, aby wybrać kolor. Od razu zobaczysz, jakie kolory do niego pasują w każdym typie harmonii.

Przeciągnij punkt lub dotknij koła

Kolory w tym zestawieniu

Dotknij koloru, aby skopiować jego kod HEX.

Czym jest koło kolorów

To okrąg, który układa kolory według odcienia. Sąsiednie kolory są podobne, a przeciwne kontrastują. Pomaga dobrać udane zestawienia w projektowaniu, wnętrzach czy modzie.

Kolory podstawowe, pochodne i trzeciorzędowe

Na ekranie kolory podstawowe to czerwony, zielony i niebieski (RGB). Po zmieszaniu dwóch powstają kolory pochodne: żółty, cyjan i magenta. Trzeciorzędowe leżą między podstawowym a pochodnym, jak pomarańczowy czy fioletowy. W malarstwie używa się klasycznego modelu: czerwony, żółty i niebieski.

Kolory ciepłe i zimne

Ciepłe kolory to zakres od czerwieni do żółci. Dają energię i bliskość. Zimne to zakres od zieleni do fioletu. Dają spokój i dystans. Jeden ciepły kolor z kilkoma zimnymi, lub odwrotnie, daje kontrast bez utraty równowagi.

Rodzaje zestawień kolorów

Dopełniające

Dwa kolory naprzeciw siebie na kole. Dają największy kontrast. Przykład: niebieski #2B6CB0 i pomarańczowy #DD8A2B, idealne do wyróżniającego się przycisku.

Analogiczne

Trzy sąsiednie kolory. Wyglądają spokojnie i harmonijnie. Przykład: zielony, morski i niebieski, jak w krajobrazie.

Triadyczne

Trzy kolory w równych odstępach. Żywe i zrównoważone. Przykład: czerwony, żółty i niebieski w ilustracji dla dzieci.

Dopełniające rozszczepione

Jeden kolor i dwaj sąsiedzi jego przeciwieństwa. Jest kontrast, ale mniej napięcia niż przy dopełniających. Przykład: fiolet z żółtozielonym i pomarańczowym.

Tetradyczne

Cztery kolory tworzące prostokąt lub kwadrat. Dużo różnorodności: wybierz jeden jako główny, a resztę użyj w detalach.

Najczęściej zadawane pytania

Jak korzystać z koła kolorów?

Wybierz kolor bazowy, przeciągając punkt, lub wpisz jego kod HEX. Potem wybierz rodzaj zestawienia i skopiuj kolory poniżej.

Jakie kolory pasują do siebie według koła kolorów?

Przeciwne (dopełniające) kontrastują, sąsiednie (analogiczne) harmonizują, a te tworzące trójkąt (triadyczne) są zrównoważone.

Dlaczego czerwony jest na górze?

To najczęstsza konwencja: odcień 0° to czerwień, a dalej koło przechodzi przez żółty, zielony, cyjan, niebieski i magentę.

Czy mogę użyć tych kolorów w Canva lub CSS?

Tak. Skopiuj kod HEX każdego koloru jednym dotknięciem lub otwórz zestawienie w generatorze palet, aby je wyeksportować.

Inne poradniki i narzędzia