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ń
5 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
Powiązane narzędzia dla Koło Kolorów
Narzędzia do typowych kolejnych kroków po Koło Kolorów.
Kreatywne & Design
Generator Palety Kolorów
Wygeneruj 3–8 palet kolorów z trybami harmonii, blokuj i udostępniaj kolory, a następnie eksportuj zmienne PNG, CSS lub JSON.
Wypróbuj terazKreatywne & Design
Znaczenia Kolorów
Przeglądaj znaczenia kolorów, psychologię, symbolikę, kontekst kulturowy, przykłady marek i sugerowane pary dla dowolnej wartości HEX.
Wypróbuj terazEdycja zdjęć i narzędzia
Próbnik kolorów
Wybierz dowolny piksel dla wartości HEX, RGB i HSL lub wyeksportuj dominującą paletę jako zmienne JSON lub CSS.
Wypróbuj terazNajczęś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.
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.
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ą.
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.
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.


























