Generator losowych kolorów
Wygeneruj losowe kolory jako HEX, RGB lub HSL, z paletą jasną, ciemną, pastelową i nasyconą.
Powiązane narzędzia
Generator losowych kolorów
Wygeneruj od jednego do stu losowych kolorów jednym kliknięciem. Każdy kolor trafia do osobnego wiersza — jako wartość HEX, zapis rgb() lub hsl(), albo wszystkie trzy obok siebie — więc wynik wkleisz prosto do CSS, pliku z tokenami projektowymi, konfiguracji wykresu czy arkusza. Zmiana liczby, formatu lub palety przelicza listę natychmiast.
Losowe kolory przydają się częściej, niż się wydaje: zastępcze tła kart i awatarów, rozróżnialne kolory serii na szybkim wykresie, punkt wyjścia do moodboardu, dane testowe dla systemu motywów albo po prostu inspiracja, gdy nie chcesz decydować samodzielnie. Kolor losowany w całej kostce RGB bywa zwykle mętny i brudny, dlatego ten generator działa w przestrzeni HSL i ogranicza nasycenie oraz jasność zależnie od palety: Jasna trzyma jasność między 70 a 90 procent, Ciemna między 10 a 35, Pastelowa łączy delikatne nasycenie 25–45 procent z wysoką jasnością, a Nasycona podbija nasycenie do 85–100 procent przy średniej jasności. Dowolna wyłącza ograniczenia całkowicie.
Opcja Uwzględnij kanał alfa dodaje każdemu kolorowi losową przezroczystość i zapisuje ją w każdej notacji — ośmiocyfrowy HEX, rgba() i hsla(). Jeden kolor w wierszu oznacza, że wynik od razu pasuje do konwertera kolorów albo do sprawdzania kontrastu, gdy chcesz przyjrzeć się którejś wartości bliżej.
Wszystko działa lokalnie w twojej przeglądarce: żadne zapytanie nie wychodzi, nic nie jest rejestrowane, a losowość pochodzi z kryptograficznie bezpiecznego crypto.getRandomValues z rejection sampling, więc każda wartość w zakresie jest tak samo prawdopodobna.