Générateur de couleurs aléatoires

Comment générer des couleurs aléatoires

1. Indiquez le Nombre de couleurs (de 1 à 20).
2. Choisissez un Mode : - Au hasard dans une plage tire chaque couleur indépendamment. Resserrez les plages de Teinte (°), Saturation (%) et Luminosité (%) avec les champs « de » et « à » pour rester dans une famille de couleurs : uniquement des pastels, uniquement des bleus, etc. - Palette harmonieuse (OKLCH) tire une couleur de base au hasard et construit les autres selon une harmonie. Choisissez une Harmonie (Complémentaire, Analogue, Triadique, Complémentaires adjacentes, Tétradique, Carré, Monochrome) ou laissez Au hasard pour changer d’harmonie à chaque tirage.
3. Cliquez sur Générer des couleurs. Chaque carte affiche la couleur et ses codes HEX, RGB et HSL ; les petits boutons HEX, RGB et HSL copient le code correspondant.
4. Cliquez sur Verrouiller pour conserver une couleur, puis relancez Générer des couleurs : seules les couleurs non verrouillées changent. Un nouveau clic sur le bouton la déverrouille.
5. Choisissez un format dans Exporter en (Liste HEX, Variables CSS, Variables SCSS, Tableau JSON ou Couleurs Tailwind), puis Copier ou Télécharger l’ensemble.

Comment les couleurs sont tirées

En mode Au hasard dans une plage, la teinte, la saturation et la luminosité sont tirées uniformément dans les plages choisies, puis converties de TSL (HSL) en RVB avec la formule qu’emploient les navigateurs pour hsl(). La plage de teinte peut faire le tour du rouge : de 330 à 30, vous obtenez des roses, des rouges et des orangés en passant par 0°. Quelques réglages utiles :

• Pastels : saturation 40–80 %, luminosité 75–90 %.
• Tons sombres et sourds : saturation 10–40 %, luminosité 15–35 %.
• Uniquement des bleus : teinte 190–250.
• Couleurs chaudes : teinte de 330 à 60.

En mode Palette harmonieuse (OKLCH), cet outil travaille dans OKLCH, un modèle de couleur perceptuel où des écarts égaux de luminosité paraissent égaux à l’œil. La première couleur verrouillée sert de base ; si aucune ne l’est, une base moyennement claire et assez saturée est tirée au hasard. Les autres couleurs prennent les angles de l’harmonie (par exemple +120° et +240° en triadique), avec une légère variation aléatoire de teinte, de luminosité et de chroma pour que chaque clic donne un résultat neuf. Si vous demandez plus de couleurs que l’harmonie ne compte de teintes, les couleurs supplémentaires reprennent les mêmes angles en versions plus claires ou plus foncées. Le mode monochrome garde une seule teinte et étale la luminosité du foncé au clair.

Une couleur qui sort de ce qu’un écran sRGB peut afficher est ramenée dans la gamme en réduisant sa chroma : chaque code HEX copié correspond donc à une couleur réellement affichable.

À quoi servent des couleurs aléatoires ?

Elles dépannent pour des avatars ou des graphiques provisoires, des données de test, de l’art génératif, une recherche graphique quand on sèche devant une page blanche, ou pour attribuer une couleur à un projet, une équipe ou une étiquette. Le verrouillage permet de s’en servir comme d’une machine à sous : on garde ce qui fonctionne et on relance le reste. Le hasard provient du générateur cryptographique de votre navigateur, et rien n’est envoyé nulle part.