Jak wygenerować losowe ładne kolory (z określonym nastrojem)?
Generator losowych kolorów z ograniczeniami "mood" - 8 nastrojów: pastel, vibrant, dark, muted, warm, cool, neutral, any.
Generuje 4-16 kolorów na raz, każdy odpowiadający wybranemu nastrojowi. Operuje w OKLCH - kolory są perceptualnie zbalansowane (nie ma "muddy random RGB" jak w klasycznym Math.random()).
Świetne do mood boards, brand exploration, ad-hoc inspiracji.
Jak korzystać
- Wybierz mood u góry: any (cokolwiek), pastel (jasne, niskie chroma), vibrant (nasycone), dark (ciemne), muted (przygaszone, nostalgia), warm (czerwone-żółte), cool (niebieskie-cyan), neutral (szare).
- Wybierz liczbę kolorów: 4, 6, 8, 12, 16.
- Klik "Generuj ponownie" - nowa losowa paleta spełniająca mood. Klikaj wielokrotnie, aż znajdziesz "tę".
- Klik dowolnego dużego swatcha = kopiuje HEX. Tabela "Szczegóły" = HEX + RGB + OKLCH.
- CSS variables po prawej - gotowe do wklejenia.
Do czego się przydaje
Gdzie generator losowych kolorów się przydaje - typowe sytuacje:
- Mood board - szukasz kolorystycznego klimatu projektu. Klik "vibrant" 5 razy, aż coś się złapie.
- Brand exploration - nie wiesz, jakiego brand color chcesz - generator pokazuje opcje.
- Placeholders - potrzebujesz mock-danych z różnymi kolorami (avatary, badge'y) - generator daje 16 unique.
- Backgrounds w prezentacji - pastel + 8 = każdy slide inny, ale spójny mood.
- Brainstorm - warm vs cool, dlaczego "warm energy" - patrz na żywych przykładach.
- Edukacja - zauważ że pastels mają wszystkie L > 0.85, a vibrants L 0.55-0.75 - to są "rules of color" wbudowane w mood specs.
Pytania i odpowiedzi
Pure random RGB daje 50% szans na "muddy gray" i większość kolorów wygląda nudno. Random ograniczone do "vibrant" oznacza, że wszystkie kolory mają L 0.55-0.75 i C 0.18-0.28 - automatycznie atrakcyjne i aesthetically pleasing.