Generator palet kolorów

Wszystkie narzędzia

Twórz harmonijne palety kolorów za pomocą interaktywnego koła barw — stosuj reguły harmonii, takie jak analogiczne, komplementarne lub triada, i kopiuj dowolną wartość natychmiast.

Jasność 100%
Reguła harmonii
Aktywny kolor
HEX
RGB
HSL
Paleta

Wybierz regułę harmonii i kolor bazowy, a następnie przeciągnij znaczniki na kole, aby doprecyzować. Kliknij dowolną próbkę, aby ją skopiować lub ustawić jako nowy kolor bazowy.

O Generator palet kolorów

Generator palet kolorów tworzy harmonijne zestawy kolorów na podstawie interaktywnego koła kolorów. Wybierz kolor bazowy, wybierz regułę harmonii — analogiczna, monochromatyczna, triada, dopełniająca, dzielona dopełniająca, kwadrat, odcienie lub w pełni niestandardowa — a narzędzie natychmiast obliczy pasującą paletę, z przeciąganymi znacznikami na kole do precyzyjnego dostrajania.

Każda próbka pokazuje swoje wartości HEX, RGB, HSL i HSB, a dowolny kolor z palety można jednym kliknięciem ustawić jako nowy kolor bazowy. Suwak jasności rozjaśnia lub przyciemnia cały schemat, przy zachowaniu zablokowanych relacji odcieni, co pozwala bardzo szybko eksplorować warianty schematu.

Wszystko jest obliczane na bieżąco w Twojej przeglądarce przy użyciu matematyki teorii kolorów na kole HSV — bez przesyłania plików i bez komunikacji z serwerem. Gdy paleta wygląda dobrze, skopiuj pojedyncze wartości, wszystkie kolory naraz, gotowe zmienne CSS lub eksport JSON.

Jak korzystać z Generator palet kolorów

  1. Wybierz kolor bazowy za pomocą selektora, wpisz wartość lub kliknij „Losowy”.
  2. Wybierz regułę harmonii, np. analogiczną, dopełniającą, triadę lub kwadrat.
  3. Przeciągnij znaczniki na kole i dostosuj suwak jasności, aby precyzyjnie dopracować schemat.
  4. Kliknij próbkę, aby ją skopiować, lub ustaw ją jako nowy kolor bazowy do dalszej iteracji.
  5. Wyeksportuj paletę za pomocą „Kopiuj wszystko”, „Kopiuj zmienne CSS” lub „Kopiuj JSON”.

Najczęściej zadawane pytania

Tak, jest całkowicie darmowy. Obliczenia palety działają w całości w Twojej przeglądarce, więc nie ma żadnych kredytów, kont ani limitów użycia.

Każda reguła umieszcza pozostałe kolory palety pod stałymi kątami wokół koła kolorów względem Twojego koloru bazowego: dopełniająca leży naprzeciwko (180°), triada rozmieszcza kolory co 120°, analogiczna trzyma sąsiadów blisko siebie, dzielona dopełniająca otacza przeciwny odcień z obu stron, a kwadrat rozmieszcza cztery odcienie co 90°.

Schematy analogiczne lub monochromatyczne są najbezpieczniejsze dla interfejsów, ponieważ sprawiają wrażenie spokojnych i spójnych. Użyj dopełniającej lub dzielonej dopełniającej, gdy potrzebujesz mocnego koloru akcentującego do przycisków i wezwań do działania na tle dominującego koloru bazowego.

Tak. Przełącz się na regułę Niestandardową i przeciągaj każdy znacznik niezależnie na kole, albo zacznij od dowolnej reguły harmonii i przeciągaj znaczniki, aby ją dostosować — narzędzie aktualizuje paletę na bieżąco w miarę przesuwania.

Każda próbka pokazuje wartości HEX, RGB, HSL i HSB, wszystkie kopiowalne pojedynczo. Możesz też skopiować całą paletę jako zwykłe wartości, jako niestandardowe właściwości CSS gotowe dla arkusza stylów lub jako JSON do przekazania do kodu lub narzędzi projektowych.
Udostępnij
Powiązane narzędzia
Mieszacz kolorów Mieszaj kolor startowy z końcowym przez maksymalnie 10 kroków — podglądaj gradient, chwytaj każdy odcień i kopiuj dowolny format natychmiast. Bezpłatnie
Generator odcieni kolorów Generuj pełen zakres tintów i cieni z jednego koloru — wybierz krok ciemnienia/rozjaśniania i liczbę odcieni, a następnie kopiuj dowolną wartość natychmiast. Bezpłatnie
Generator gradientu Twórz liniowe, radialne i stożkowe gradienty CSS od podstaw z przeciągalną kontrolą wielu przystanków i wyselekcjonowanymi presetami. Kopiuj gotowy CSS natychmiast. Bezpłatnie
Ekstraktor kolorów z obrazu Wyodrębnij dopracowaną, gotową do kopiowania paletę kolorów z dowolnego obrazu. Bezpłatnie
Paleta kolorów bezpiecznych dla sieci Przeglądaj klasyczne 216 kolorów bezpiecznych dla sieci jako klikalną siatkę próbek — sortuj według barwy lub kolejności kostki, filtruj według hex i kopiuj dowolną wartość HEX lub rgb() natychmiast. Bezpłatnie
Dobór czcionek i katalog Google Fonts Przeglądaj wyselekcjonowany katalog popularnych czcionek Google Fonts z podglądem na żywo, filtruj według kategorii i wyszukuj po nazwie, a następnie kopiuj gotowy do wklejenia CSS i odkrywaj sugerowane pary czcionek — wszystko w przeglądarce. Bezpłatnie
Popularne wyszukiwania
generator palety kolorów koło kolorów generator harmonii kolorów kolory dopełniające analogiczny schemat kolorów darmowy generator palety
Potrzebujesz pomocy?
Masz problem z tym narzędziem? Daj nam znać.
Zgłoś problem

Dodaj to darmowe narzędzie do swojej witryny — skopiuj i wklej poniższy kod.