Wszystkie narzędzia

Koło Kolorów

Co możesz zrobić za pomocą Koło Kolorów

Zanim zaczniesz, przejrzyj główne możliwości.

  • Przeglądaj uzupełniające i analogiczne schematy kolorów
  • Znajdź harmonie triadyczne, tetradyczne i kwadratowe
  • Skopiuj kody szesnastkowe dla każdego pasującego koloru
  • Dostosuj nasycenie i lekkość na żywo
  • Wybierz kolor bazowy dla swojej palety projektowej

Odniesienie do ustawień

Dostępne elementy sterujące dla Koło Kolorów.

Opcje

Kolor bazowy (odcień i nasycenie)Próbnik kolorów
Przeciągnij w dowolnym miejscu interaktywnego koła, aby wybrać kolor wyjściowy: kąt ustawia odcień, a odległość od środka — nasycenie.
Kolor HEX / CSSWprowadzanie tekstu
Wpisz lub wklej dowolny kod HEX, wartość rgb(), hsl() albo nazwę koloru CSS, aby od razu ustawić koło na dokładnym kolorze, który już masz.
NasycenieSuwakZasięg: 0–100% · Domyślne: 91%
Reguluje intensywność koloru bazowego — od całkowicie szarego przy 0% do najczystszej, najbardziej wyrazistej wersji odcienia przy 100%.
JasnośćSuwakZasięg: 0–100% · Domyślne: 60%
Decyduje, jak jasny lub ciemny jest kolor bazowy — od czerni przy 0%, przez czysty odcień, po biel przy 100%; wszystkie harmonie aktualizują się odpowiednio.
HarmoniaUstawienia gotowe
Wybiera, którą klasyczną zależność z koła barw wyróżnić na kole — znaczniki wskazują kolory towarzyszące, dzięki czemu widzisz, jak zbudowany jest schemat.Opcje: DopełniająceRozdzielone dopełniająceAnalogiczneTriadaTetradyczny (prostokątny)Kwadrat
Bezpłatne korzystanie · Bez rejestracji · Bez znaku wodnegoPrzesyłane pliki są szyfrowane podczas transmisjiUsunięto zgodnie z naszą polityką przechowywania danych

Najczęściej zadawane pytania

Jak Koło Kolorów pomaga Ci osiągnąć cel

Prawdziwe problemy, które rozwiązuje każdego dnia — dla firm, twórców i codziennych zadań. Znajdź przypadek użycia, który Ci odpowiada i zacznij.

Wykształcenie

Poznaj teorię kolorów

Zobacz wszystkie klasyczne schematy harmonii kolorów obliczane na żywo na podstawie wybranego przez Ciebie koloru bazowego, wraz z prostym wyjaśnieniem, kiedy i dlaczego każdy schemat się sprawdza.

Dla twórców

Wybierz akcentowe kolory swojej strony internetowej

Wpisz kod HEX swojej marki w kole kolorów i skorzystaj ze schematów rozdzielczo-dopełniających lub triadycznych, aby znaleźć kolory akcentujące, które kontrastują, ale się nie gryzą.

Dla twórców

Zobacz schematy kolorów na prawdziwym interfejsie

Każda harmonia jest zastosowana na małej karcie przykładowej — nagłówek, treść, przycisk i kropki — dzięki czemu możesz ocenić zestawienia w kontekście, a nie jako abstrakcyjne próbki kolorów.

Dla twórców

Palety do sztuki i ilustracji

Użyj harmonii analogicznych do naturalnych, spokojnych scen, a dopełniających — do dramatycznych punktów centralnych, kopiując dokładne kody hex do swojej aplikacji do malowania.

Obejrzyj each transformation li

Every zdjęcie crosses the slash untouched i comes out the other side finished.