raatools/

Generator palet kolorów

Generuj harmonijne palety kolorów z dowolnego koloru bazowego.

HSL: 243, 75, 59

Complementary

Analogous

Triadic

Split Complementary

Tetradic (Square)

Shades (Lightness Scale)

Czym jest generator palet kolorów?

Generator palet kolorów tworzy harmonijne zestawy kolorów na podstawie zasad teorii kolorów. Zaczynając od jednego koloru bazowego, generuje komplementarne, analogiczne, triadyczne, rozdzielone komplementarne i inne schematy kolorystyczne. Projektanci używają generatorów palet do szybkiego tworzenia spójnych systemów kolorystycznych dla stron internetowych, aplikacji, marek i ilustracji.

Dobre palety kolorów nie są przypadkowe — podążają za matematycznymi relacjami na kole kolorów. Kolory komplementarne są naprzeciwko siebie (wysoki kontrast). Kolory analogiczne są sąsiadujące (harmonijne i spokojne). Kolory triadyczne tworzą trójkąt równoboczny (żywe i zrównoważone). Narzędzie generuje palety używając tych i innych sprawdzonych zasad harmonii.

Jak korzystać z tego narzędzia

Wybierz kolor bazowy za pomocą próbnika kolorów lub wpisz wartość hex. Wybierz zasadę harmonii (komplementarna, analogiczna, triadyczna itp.). Narzędzie generuje pełną paletę z każdym kolorem pokazanym jako próbka wraz z wartościami hex, RGB i HSL. Dostosuj kolor bazowy, aby zobaczyć aktualizację palety w czasie rzeczywistym.

Typy harmonii kolorów

  • Komplementarna — dwa kolory naprzeciwko na kole kolorów. Wysoki kontrast, energetyczna. Przykład: niebieski i pomarańczowy.
  • Analogiczna — trzy kolory sąsiadujące na kole. Spokojna, spójna. Przykład: niebieski, niebiesko-zielony, zielony.
  • Triadyczna — trzy kolory równomiernie rozłożone (co 120°). Zrównoważona, żywa. Przykład: czerwony, żółty, niebieski.
  • Rozdzielona komplementarna — kolor bazowy plus dwa kolory sąsiadujące z jego dopełnieniem. Kontrast z mniejszym napięciem niż komplementarna.

Kolor i dostępność

Projektując interfejsy cyfrowe, zapewnij wystarczający kontrast między tekstem a tłem (WCAG wymaga minimalnego stosunku 4,5:1 dla normalnego tekstu). Unikaj przekazywania informacji wyłącznie przez kolor — około 8% mężczyzn ma jakiś stopień daltonizmu. Przetestuj swoją paletę symulatorem ślepoty barw. Narzędzie może pokazywać stosunki kontrastu między generowanymi kolorami.

Najczęściej zadawane pytania

Ile kolorów powinna mieć paleta?

Większość systemów projektowych używa 5–7 kolorów: główny kolor marki, drugorzędny akcent, paleta neutralna (szarości dla tekstu i tła) i ewentualnie zestaw semantyczny (zielony dla sukcesu, czerwony dla błędu, żółty dla ostrzeżenia). Zbyt wiele kolorów tworzy wizualny chaos. Zbyt mało ogranicza elastyczność. Zacznij od 3 kolorów plus neutralne i dodawaj tylko w razie potrzeby.

Co sprawia, że kolory dobrze do siebie pasują?

Kolory wyglądają harmonijnie, gdy mają matematyczną zależność na kole kolorów (komplementarne, triadyczne itp.) lub dzielą wspólną właściwość (ten sam poziom nasycenia, podobna jasność). Szeroko stosowana jest zasada 60-30-10: 60% kolor dominujący, 30% pomocniczy, 10% akcent. Ograniczenie liczby wysoce nasyconych kolorów i używanie dużo neutralnej przestrzeni też poprawia wizualną harmonię.