Generator palet kolorów

Generuj harmonijne palety kolorów z dowolnego koloru bazowego.

Generator

Wybierz kolor bazowy (lub użyj Losowego) i otrzymaj pięć gotowych harmonii kolorów: dopełniającą, analogiczną, triadyczną, rozdzielono-dopełniającą i monochromatyczną. Kliknij dowolną próbkę, aby skopiować jej kod HEX. Wszystkie obliczenia wykonywane są w przeglądarce.

O generatorze palet kolorów

Dobór harmonijnych kolorów sprawia, że projekty i marki wyglądają spójnie i profesjonalnie. To narzędzie wykorzystuje standardową teorię kolorów (koło barw HSL) do wygenerowania pięciu typów palet z jednego koloru bazowego: dopełniającej, analogicznej, triadycznej, rozdzielono-dopełniającej i monochromatycznej. Otrzymujesz gotowe do użycia kolory i możesz skopiować każdy kod HEX jednym kliknięciem — bez potrzeby używania oprogramowania graficznego. Wszystkie obliczenia wykonywane są w przeglądarce.

Jak używać

  1. Ustaw Kolor bazowy za pomocą selektora kolorów lub wpisując kod HEX (np. #2563EB). Możesz też kliknąć Losowy dla inspiracji.
  2. Przewiń wygenerowane palety. Każda sekcja pokazuje typ harmonii i próbki kolorów z kodami HEX.
  3. Kliknij dowolną próbkę, aby skopiować jej wartość HEX do schowka — do użycia w CSS, Figmie lub innych narzędziach.

Kiedy używać

  • Tworzenie nowej marki lub strony internetowej wymagającej spójnego zestawu kolorów
  • Znajdowanie kolorów akcentowych pasujących do istniejącego koloru marki
  • Tworzenie wykresów, dashboardów lub interfejsów z wyraźnymi, ale harmonijnymi kolorami
  • Nauka teorii kolorów lub szybkie eksperymentowanie z kombinacjami

Szczegóły

Kolory są obliczane w modelu HSL (odcień, nasycenie, jasność). Dopełniający = odcień +180°. Analogiczny = odcień ±30°. Triadyczny = odcień +120° i +240°. Rozdzielono-dopełniający używa odcieni +150° i +210°. Monochromatyczny zachowuje ten sam odcień i zmienia jasność. Aby uzyskać dokładne wartości RGB/HSL, użyj naszego Konwertera kolorów na wybranym kodzie HEX.

Najczęściej zadawane pytania

Jakie typy palet są generowane?
Pięć typów: (1) Dopełniający — jeden kolor naprzeciwko na kole barw. (2) Analogiczny — dwaj sąsiedzi (np. ±30°). (3) Triadyczny — trzy kolory oddalone o 120°. (4) Rozdzielono-dopełniający — kolor bazowy plus dwa kolory blisko dopełniającego. (5) Monochromatyczny — pięć odcieni tego samego koloru z różną jasnością. Wszystkie są wyprowadzane z wybranego koloru bazowego.
Czy mogę kopiować pojedyncze kolory?
Tak. Kliknij dowolną próbkę koloru, aby skopiować jej kod HEX (np. #2563EB) do schowka. Możesz go następnie wkleić do CSS, narzędzi projektowych lub dowolnego selektora kolorów.
Czy działa w przeglądarce?
Tak. Wszystkie obliczenia kolorów (konwersja HSL i obliczanie harmonii) wykonywane są w JavaScript w przeglądarce. Żadne dane nie są wysyłane na serwer.
Czym różni się to od Konwertera kolorów?
Konwerter kolorów konwertuje pojedynczy kolor między formatami HEX, RGB i HSL. To narzędzie na podstawie jednego koloru bazowego generuje całe palety (wiele harmonijnych kolorów) do celów projektowych i brandingowych.