Generator palety kolorów

Czym jest Generator palety kolorów?

Generator palety kolorów to bezpłatny internetowy kreator schematów kolorów dla projektantów i programistów front-end, którzy muszą zbudować pełną paletę wokół jednego bazowego koloru. Wprowadź jeden kolor HEX, a narzędzie natychmiast wyprowadzi jaśniejsze odcienie, ciemniejsze cienie, kolor dopełniający oraz harmonie analogiczne i triadyczne za pomocą matematyki kolorów HSL — każda próbka jest pokazana z wartością HEX i przyciskiem kopiowania jednym kliknięciem. Użyj go, aby dobierać kolory interfejsu, budować skalę cieni/odcieni lub znajdować pasujące kolory akcentowe dla marki. To generator palety HEX, kreator skali cieni/odcieni i wyszukiwarka kolorów dopełniających w jednym.

Jak używać Generator palety kolorów

1. Wpisz bazowy kolor w polu Kolor bazowy (HEX) w formacie #rrggbb lub #rgb albo kliknij dużą próbkę próbnika kolorów, aby wybrać go wizualnie.
2. Ustaw Cienie na stronę na 2, 3 lub 4, aby kontrolować, ile jaśniejszych odcieni i ciemniejszych cieni jest generowanych po każdej stronie koloru bazowego.
3. Przeczytaj sekcję Cienie i odcienie: jaśniejsze odcienie pojawiają się nad kolorem bazowym, a ciemniejsze cienie pod nim, każdy oznaczony etykietą (Lighter N / Base / Darker N) i pokazany ze swoją wartością HEX.
4. Przeczytaj sekcję Kolory harmonijne, aby zobaczyć kolor dopełniający, analogiczne (+30deg / -30deg) i triadyczne (+120deg / -120deg).
5. Kliknij przycisk kopiowania obok dowolnej próbki (lub obok pola bazowego), aby skopiować tę wartość HEX do schowka.

Przykłady

#ff0000

#00ffff

#ff0000

#00ff00

Najczęściej zadawane pytania

Jakie formaty kolorów mogę wprowadzić?

Kolor bazowy wprowadza się jako wartość HEX w formacie #rrggbb (sześć cyfr) lub w skróconej formie #rgb (trzy cyfry). Jeśli wartość nie jest prawidłowym kolorem HEX, pojawia się komunikat 'Invalid HEX color' i nie jest generowana żadna paleta. Wszystkie próbki wyjściowe są pokazywane jako HEX #rrggbb.

Ile cieni i odcieni generuje?

Wybierasz 2, 3 lub 4 cienie na stronę. Narzędzie tworzy tyle jaśniejszych odcieni (interpolowanych w kierunku bieli) i tyle samo ciemniejszych cieni (interpolowanych w kierunku czerni), plus kolor bazowy pośrodku.

Jakie kolory harmonijne są uwzględnione?

Generuje kolor dopełniający (odcień obrócony o 180deg), dwa kolory analogiczne (+30deg i -30deg) oraz dwa kolory triadyczne (+120deg i -120deg), wszystkie obliczone przez obrócenie odcienia koloru bazowego w HSL.

Czy mogę wybrać kolor wizualnie zamiast wpisywać HEX?

Tak. Kliknij dużą próbkę z wbudowanym próbnikiem kolorów, aby wybrać kolor; pole HEX aktualizuje się automatycznie, a paleta jest natychmiast przeliczana w miarę zmian.

Czy moje dane o kolorach są gdzieś przesyłane?

Nie. Wszystko działa w całości w Twojej przeglądarce za pomocą lokalnej matematyki kolorów — żadna wartość koloru nigdy nie jest wysyłana na serwer, więc działa offline i utrzymuje Twoją paletę w prywatności.