Generator losowych kolorów

Jak korzystać z generatora losowych kolorów

1. Ustaw Liczbę kolorów (od 1 do 20).
2. Wybierz Tryb: - Losowo w zakresie losuje każdy kolor niezależnie. Zawęź zakresy Odcień (°), Nasycenie (%) i Jasność (%) polami „od” i „do”, aby pozostać w jednej rodzinie kolorów, np. tylko pastele albo tylko niebieskie. - Harmonijna paleta (OKLCH) losuje jeden kolor bazowy i buduje pozostałe według harmonii kolorów. Wybierz Harmonię (Dopełniająca, Analogiczna, Triada, Rozszczepiona dopełniająca, Tetrada, Kwadrat, Monochromatyczna) albo zostaw Zaskocz mnie, aby za każdym razem dostać inną harmonię.
3. Kliknij Generuj kolory. Każda karta pokazuje kolor z kodami HEX, RGB i HSL; małe przyciski HEX, RGB i HSL kopiują odpowiedni kod.
4. Kliknij Zablokuj przy kolorach, które chcesz zachować, a potem ponownie Generuj kolory: zmienią się tylko odblokowane kolory. Kliknij przycisk jeszcze raz, aby odblokować kolor.
5. Wybierz format w polu Eksportuj jako (Lista HEX, Zmienne CSS, Zmienne SCSS, Tablica JSON lub Kolory Tailwind) i użyj Kopiuj albo Pobierz, aby zabrać cały zestaw.

Jak wybierane są kolory

W trybie Losowo w zakresie odcień, nasycenie i jasność są losowane równomiernie w ustawionych zakresach, a potem przeliczane z HSL na RGB tym samym wzorem, którego przeglądarki używają dla hsl(). Zakres odcieni może przechodzić przez czerwień: od 330 do 30 daje róże, czerwienie i pomarańcze, przechodząc przez 0°. Kilka przydatnych ustawień:

• Pastele: nasycenie 40–80%, jasność 75–90%.
• Ciemne, przygaszone tony: nasycenie 10–40%, jasność 15–35%.
• Tylko niebieskie: odcień 190–250.
• Ciepłe kolory: odcień od 330 do 60.

W trybie Harmonijna paleta (OKLCH) narzędzie pracuje w OKLCH, percepcyjnym modelu barw, w którym równe kroki jasności wyglądają dla oka jednakowo. Jako baza służy pierwszy zablokowany kolor; jeśli nic nie jest zablokowane, losowana jest średnio jasna, dość nasycona baza. Pozostałe kolory dostają kąty odcienia z danej harmonii (np. +120° i +240° dla triady) z niewielką losową zmianą odcienia, jasności i nasycenia (chromy), więc każde kliknięcie daje nowy wynik. Gdy prosisz o więcej kolorów, niż harmonia ma odcieni, dodatkowe kolory używają tych samych kątów w jaśniejszych i ciemniejszych wariantach. Harmonia monochromatyczna zachowuje jeden odcień i rozkłada jasność od ciemnej do jasnej.

Kolory wykraczające poza to, co może wyświetlić ekran sRGB, są sprowadzane z powrotem przez obniżenie chromy, więc każdy kopiowany kod HEX to prawdziwy, możliwy do wyświetlenia kolor.

Do czego przydają się losowe kolory

Losowe kolory przydają się do zastępczych awatarów i wykresów, danych testowych, sztuki generatywnej, poszukiwań projektowych, gdy utkniesz nad pustą stroną, albo do wyboru koloru dla projektu, drużyny w grze czy etykiety. Blokowanie pozwala używać narzędzia jak jednorękiego bandyty: zostaw to, co działa, i zakręć resztą. Losowość pochodzi z kryptograficznego generatora twojej przeglądarki, a nic nie jest nigdzie wysyłane.