Generator losowych palet kolorów
Użyteczna paleta wymaga czegoś więcej niż przypadkowych, niepowiązanych kolorów. Ten generator tworzy od 2 do 15 gotowych do skopiowania próbek HEX w wybranym stylu, żywym, pastelowym, stonowanym lub ciemnym, aby szybko sprawdzać akcenty UI, kolory wykresów, grafiki społecznościowe i wstępne kierunki marki.
Jak wygenerować losową paletę
-
1
Wybierz styl
Żywy podbija nasycenie dla odważnych interfejsów, pastelowy utrzymuje jasne kolory, stonowany zmniejsza intensywność, a ciemny korzysta z głębszych tonów.
-
2
Ustaw liczbę kolorów
Wygeneruj zwartą parę albo większy zestaw do 15 próbek dla wykresów, stanów interfejsu lub moodboardów.
-
3
Generuj lub zmień seed
W trybie lejka możesz zachować seed, aby odtworzyć tę samą paletę; klasyczny generator losuje nowy zestaw za każdym razem.
-
4
Skopiuj wynik
Kliknij próbkę, aby skopiować jej kod HEX, albo wyeksportuj całą paletę jako listę HEX lub niestandardowe właściwości CSS.
Ściągawka stylów
| Styl | Najlepszy do | Co sprawdzić |
|---|---|---|
| Żywy | UI produktów, grafiki kampanii, wykresy wymagające wyraźnego rozróżnienia | Nie używaj wszystkich próbek z pełną mocą w jednym układzie |
| Pastelowy | Spokojne tła, miękkie ilustracje, delikatne systemy akcentów | Upewnij się, że kontrast tekstu pozostaje wystarczający |
| Stonowany | Układy redakcyjne, dashboardy, dojrzałe systemy marek | Dodaj wyraźniejszy akcent, jeśli zestaw wydaje się zbyt płaski |
| Ciemny | Ciemne interfejsy, wizualizacje danych i bloki o dużym ciężarze | Przetestuj jasny tekst i stany fokusu przed publikacją |
Praktyczne wskazówki
- Nadaj każdemu kolorowi rolę. Paleta UI zwykle potrzebuje dominującego koloru powierzchni, jednego lub dwóch kolorów wspierających oraz kilku akcentów.
- Sprawdzaj kontrast parami. Paleta może dobrze wyglądać jako próbki, a mimo to zawieść po nałożeniu tekstu. Testuj rzeczywiste pary pierwszego planu i tła, które chcesz opublikować.
- Używaj seeda, gdy potrzebujesz powtarzalności. Jeśli paleta jest blisko celu, wygeneruj inny seed; jeśli działa, zapisz seed w notatkach projektu, aby później ją odtworzyć.
Przydatne formaty
Generator zwraca HEX, bo ten format łatwo przenosić między narzędziami projektowymi, CSS i dokumentacją. HSL przydaje się, gdy chcesz myśleć w kategoriach odcienia, nasycenia i jasności. OKLCH warto poznać przy dostępnych systemach kolorów, bo pozwala bardziej równomiernie percepcyjnie rozumować o lightness i chroma.
Najczęściej zadawane pytania
Sam losowy odcień nie wystarczy. Palety są bardziej użyteczne, gdy nasycenie i jasność różnią się zależnie od roli: na przykład jasna powierzchnia, średni kolor wspierający i mocniejszy akcent.
Stonowany lub pastelowy zwykle najłatwiej zaprezentować, bo zostawiają miejsce na typografię, zdjęcia i światło w układzie. Żywe palety też mogą działać, ale wymagają większej dyscypliny.
Tak: skopiuj pojedynczą próbkę jako HEX, całą paletę jako listę HEX rozdzieloną spacjami albo blok niestandardowych właściwości CSS z kroku eksportu.
Nie. Użyj wygenerowanych kolorów jako punktu wyjścia, a przed publikacją sprawdź konkretne pary tekstu i tła według zaleceń kontrastu WCAG.
Powiązane narzędzia
Tabela ASCII
Pełna tabela ASCII od 0 do 127 z zapisem dziesiętnym, szesnastkowym, ósemkowym i binarnym oraz notacją numerycznych odwołań HTML, w tym kodami sterującymi NUL, LF i DEL.
Referencja znaków HTML
Przeszukiwalna lista encji HTML wraz z ich kodami nazwanymi i liczbowymi oraz kopiowaniem jednym kliknięciem specjalnych znaków i symboli.
Generator losowych liter
Generuj losowe litery A-Z. Wybierz liczbę, wielkie litery, małe litery lub zapis mieszany i użyj wyniku w grach, zadaniach lub lekcjach.
Konwerter ASCII na binarny
Konwertuj dowolny ciąg ASCII na reprezentację binarną. Każdy znak staje się ośmioma bitami, rozdzielonymi spacjami, gotowymi do wklejenia w ślad protokołu albo zadanie domowe.
Próbnik kolorów HEX
Wybierz lub wpisz kolor HEX i sprawdź RGB, HSL, przybliżone CMYK, luminancję względną oraz kontrast z bielą i czernią.
Konwerter binarnego na ósemkowy
Konwertuj binarny na ósemkowy, grupując bity po trzy. Przydatne przy uprawnieniach Unix, starszych systemach i kompaktowym zapisie liczb.