Comment générer de belles couleurs aléatoires (avec une ambiance précise) ?
Générateur de couleurs aléatoires avec contraintes d'« ambiance » : 8 ambiances : pastel, vif, sombre, muté, chaud, froid, neutre, n'importe.
Génère 4 à 16 couleurs à la fois, chacune matchant l'ambiance choisie. Travaille en OKLCH : les couleurs sont perceptuellement équilibrées (pas l'aléatoire RGB boueux qu'on obtient avec un Math.random() naïf).
Super pour les mood boards, l'exploration de marque, l'inspiration ad-hoc.
Comment l'utiliser
- Choisis une ambiance en haut : n'importe (tout), pastel (clair, faible chroma), vif (saturé), sombre (faible), muté (atténué, nostalgique), chaud (rouge-jaune), froid (bleu-cyan), neutre (gris).
- Choisis combien : 4, 6, 8, 12, 16.
- Clique sur « Régénérer » : nouvelle palette aléatoire matchant l'ambiance. Reclique jusqu'à ce que quelque chose te plaise.
- Clique sur un grand échantillon = copie le HEX. Tableau « Détails » = HEX + RGB + OKLCH.
- Variables CSS à droite : prêtes à déposer.
Quand c'est utile
Là où le générateur de couleurs aléatoires paie, scénarios typiques :
- Mood board : tu cherches une vibe de couleur. Clique « vif » 5 fois jusqu'à ce que quelque chose colle.
- Exploration de marque : pas sûr de la couleur de marque voulue : le générateur montre des options.
- Placeholders : besoin de mock data avec des couleurs différentes (avatars, badges) : le générateur en donne 16 uniques.
- Fonds de slides : pastel + 8 = chaque slide unique mais cohérent.
- Brainstorm : chaud vs froid pour pourquoi « énergie chaude » fait exactement ça.
- Pédagogie : remarque comment les pastels ont tous L > 0,85 et les vifs L 0,55-0,75 : ce sont des règles de couleur inscrites dans les specs d'ambiance.
Questions et réponses
Le RGB purement aléatoire a 50 % de chances de donner « gris boueux » et la plupart des couleurs sortent ennuyeuses. L'aléatoire restreint à « vif » veut dire que chaque couleur a L 0,55-0,75 et C 0,18-0,28 : automatiquement attractif et esthétiquement plaisant.