Generator palety kolorów
Wygeneruj pięciokolorową paletę od razu: naciśnij spację, aby przetasować, zablokuj ulubione kolory, przełączaj tryby harmonii oraz eksportuj lub udostępniaj paletę.
Naciśnij spację, aby przetasować, zablokuj próbki, które chcesz zachować, a pozostałe wygenerują się wokół nich. Wszystko działa w Twojej przeglądarce, bez rejestracji, całkowicie za darmo.
O Generator palety kolorów
Generator palety kolorów tworzy pięciokolorowy schemat jednym naciśnięciem klawisza. Naciśnij spację, lub przycisk Generuj, a pojawi się świeża paleta; zablokuj próbki, które chcesz zachować, i naciśnij ponownie, a zastąpione zostaną tylko odblokowane kolory, dzięki czemu możesz dochodzić do schematu kolor po kolorze, zamiast zaczynać od nowa.
Pięć trybów generowania kształtuje wynik. Losowy przeszukuje całą przestrzeń kolorów, natomiast Analogiczny, Dopełniający, Triadyczny i Monochromatyczny budują paletę na podstawie relacji HSL wokół barwy bazowej, gdzie każde pole ma własny zakres nasycenia i jasności, aby wynik czytał się jak zaprojektowany schemat, a nie pięć niepowiązanych kolorów.
Każda próbka ma próbnik kolorów do precyzyjnego dostrajania oraz wartość HEX kopiowaną jednym kliknięciem. Paleta jest zakodowana w adresie URL strony, więc przycisk udostępniania kopiuje link, który ponownie otwiera dokładnie te same kolory, a panel eksportu tworzy zmienne CSS, SCSS, konfigurację Tailwind, JSON, arkusz próbek SVG lub zwykłą listę HEX. Wszystko działa w Twojej przeglądarce: nic nie jest przesyłane i nic nie jest naliczane.
Jak korzystać z Generator palety kolorów
- Naciśnij spację lub kliknij „Generuj paletę”, aby utworzyć pięciokolorowy schemat.
- Kliknij ikonę kłódki na dowolnej próbce, którą chcesz zachować, a następnie wygeneruj ponownie, aby zastąpić tylko pozostałe.
- Wybierz tryb generowania (Losowy, Analogiczny, Dopełniający, Triadyczny lub Monochromatyczny, aby sterować harmonią.
- Dostrój dowolny kolor za pomocą jego próbnika i kliknij wartość HEX, aby ją skopiować.
- Użyj „Kopiuj link do udostępnienia”, aby zapisać paletę w adresie URL, lub otwórz Eksport dla CSS, SCSS, Tailwind, JSON lub SVG.