Interaktywne Koło Kolorów
Twórz zachwycające harmonie kolorów za pomocą naszego interaktywnego koła kolorów. Generuj schematy kolorów komplementarnych, triadycznych, analogicznych i inne. Eksportuj jako CSS, SCSS, Tailwind, PNG, PDF lub JSON.
Wybierz Typ Harmonii
Wybierz spośród schematów kolorów komplementarnych, monochromatycznych, analogicznych, triadycznych, tetradowych lub rozszczepionych dopełniających, używając listy rozwijanej.
Dostosuj Kolory na Kole
Kliknij i przeciągnij na kole kolorów, aby wybrać kolor bazowy. Kolory harmonijne automatycznie zaktualizują się na podstawie Twojego wyboru.
Dostosuj Luminancję
Użyj zewnętrznego pierścienia luminancji, aby dostosować jasność swojej palety kolorów, zachowując jednocześnie relację harmonii.
Kopiuj lub Eksportuj
Kliknij próbki kolorów, aby skopiować pojedyncze kolory, lub użyj przycisku Eksportuj, aby pobrać paletę w różnych formatach.
Interaktywne Koło Kolorów
Przeciągaj i dostosowuj kolory na wizualnym kole barw z oddzielnym pierścieniem kontroli luminancji dla precyzyjnego wyboru koloru.
6 Rodzajów Harmonii Kolorów
Generuj automatycznie schematy kolorów komplementarnych, monochromatycznych, analogicznych, triadycznych, tetradowych i rozszczepionych dopełniających.
Wiele Formatów Kolorów
Przeglądaj i kopiuj kolory w formatach HEX, RGB, HSL i CMYK z kopiowaniem do schowka jednym kliknięciem.
Eksport i Generowanie Kodu
Eksportuj palety jako obrazy PNG, dokumenty PDF, dane JSON, zmienne CSS, zmienne SCSS lub konfigurację Tailwind CSS.
Koło kolorów to wizualna reprezentacja barw ułożonych według ich relacji chromatycznych. Harmonia barw odnosi się do przyjemnego zestawienia kolorów, które dobrze ze sobą współgrają. Nasze interaktywne narzędzie pomaga tworzyć matematycznie zbalansowane kombinacje kolorów, wykorzystując tradycyjne zasady teorii barw, takie jak schematy komplementarne (przeciwstawne), triadyczne (trzy równomiernie rozmieszczone) i analogiczne (sąsiadujące).
Profesjonalna Teoria Kolorów
Opiera się na tradycyjnych zasadach teorii barw, używanych przez artystów i projektantów od wieków do tworzenia wizualnie atrakcyjnych kombinacji.
Eksport Przyjazny Deweloperom
Generuj zmienne CSS, zmienne SCSS i pliki konfiguracyjne Tailwind CSS, gotowe do użycia w Twoich projektach internetowych.
Wiele Formatów Eksportu
Eksportuj swoje palety jako obrazy (PNG), dokumenty (PDF) lub dane (JSON) do użytku w różnych narzędziach i platformach projektowych.
Wizualna Informacja Zwrotna w Czasie Rzeczywistym
Zobacz wizualizację relacji harmonii za pomocą linii łączących i interaktywnie dostosowuj kolory z natychmiastową wizualną informacją zwrotną.
Narzędzie oferuje 6 typów harmonii: Komplementarna (2 przeciwstawne kolory), Monochromatyczna (wariacje jednego koloru), Analogiczna (3 sąsiadujące kolory), Triadyczna (3 równomiernie rozmieszczone kolory), Tetradowa (4 równomiernie rozmieszczone kolory) i Rozszczepiona Dopełniająca (1 kolor + 2 kolory sąsiadujące z jego dopełnieniem).
Użyj zewnętrznego pierścienia luminancji wokół koła kolorów. Kliknij i przeciągnij na tym pierścieniu, aby dostosować jasność/ciemność wszystkich kolorów w Twojej harmonii, zachowując jednocześnie ich relacje odcienia i nasycenia.
Tak, kliknij na dowolną próbkę koloru, aby skopiować jej wartość do schowka. Możesz przełączać się między formatami HEX, RGB, HSL i CMYK za pomocą przycisków wyboru formatu.
Możesz eksportować jako obrazy PNG, dokumenty PDF, dane JSON, zmienne CSS, zmienne SCSS i pliki konfiguracyjne Tailwind CSS. Każdy format jest zoptymalizowany pod kątem różnych zastosowań.
Skopiuj zmienne CSS z okna eksportu i wklej je do swojego arkusza stylów. Następnie możesz ich używać w ten sposób: background-color: var(--color-1); lub color: var(--color-2);
Tak, możesz przeciągnąć dowolny punkt koloru harmonii, aby dostosować całą paletę. Główny kolor zostanie automatycznie przeliczony, aby zachować matematyczną relację wybranego typu harmonii.