Générateur de couleurs
Système de palette // v1.0
Plage : 1-10
En attente de saisie...
Qu’est-ce qu’un générateur de couleurs aléatoires ?
Un générateur de couleurs aléatoires tire une couleur — ou une palette cohérente — parmi les millions qu’un écran peut afficher, et vous fournit directement les valeurs utiles. RandomHub renvoie 1 à 10 couleurs par clic, applique cinq règles de théorie des couleurs (monochromatique, analogue, complémentaire, triadique, tétradique, plus aléatoire pur) et oriente le résultat vers une tonalité au choix : pastel, vive, douce, sombre, claire, ou libre. Chaque couleur arrive avec ses formats HEX, RGB et HSL prêts à copier. Tout se passe dans votre navigateur — pas d’inscription, rien d’envoyé, rien de stocké.
À qui s’adresse ce générateur ?
Designers UI et produit
Sortez du tunnel des six couleurs de marque quand il faut explorer une ambiance avant une revue stakeholder. Pastel-analogue pour une appli méditation, vif-triadique pour un produit enfants, sombre-tétradique pour un outil dev.
Designers d’identité visuelle
Faites défiler des dizaines de combinaisons complémentaires ou tétradiques pendant la phase de recherche large d’un brand sprint. Évite l’ornière du « on retombe toujours sur du bleu marine ».
Développeurs front-end
Trois couleurs placeholder pour une démo CSS ou un fichier Tailwind ? Un clic, copier les HEX, repartir — sans rouvrir Figma.
Illustrateurs et peintres numériques
Générez une palette restreinte pour un exercice à couleurs imposées. Cinq couleurs analogues douces obligent à composer par contraste de valeur plutôt que de teinte.
Créateurs de data-viz
Les palettes triadiques et tétradiques donnent des teintes mathématiquement distinctes pour encoder les catégories. Empilez avec un préréglage de tonalité — vif pour mettre en avant, doux pour les couches de contexte.
Étudiants et profs de design
Voyez les règles d’harmonie en pratique. Générez une triadique, puis une tétradique, puis une monochromatique — et observez comment chaque règle change la sensation à partir de la même teinte de base.
Pourquoi ce générateur
Cinq vraies règles d’harmonie
Pas juste « cinq couleurs au hasard qui ne se battent pas ». Monochromatique, analogue, complémentaire, triadique, tétradique — calculées à partir d’une teinte de base avec les maths qu’on enseigne en école de design.
Tonalités calées sur les briefs réels
Pastel pour wellness et éducation. Vive pour sport et jeunesse. Douce pour édition et finance. Sombre pour tech et luxe. Claire pour santé et SaaS. Vous choisissez l’ambiance, l’outil rend des couleurs qui collent.
HEX, RGB et HSL ensemble
Bouton de copie par format sur chaque ligne. HSL pour ajuster une saturation dans le CSS, HEX pour passer une couleur à un designer, RGB pour le code. Le format suit l’endroit où va la couleur.
Tout dans le navigateur, rien de logué
La page génère localement, en HSL. Pas de palette sauvegardée, pas d’email demandé, pas d’option premium. Tout le monde voit le même outil.
Scénarios courants avec exemples
Mood board pour une app wellness
Vous cherchez une palette pour une appli méditation. Des couleurs trop saturées sonneraient faux. Tirez 5 couleurs en harmonie analogue et tonalité pastel — des verts et bleus doux qui glissent les uns dans les autres.
Réglages : 5 couleurs, Analogue, Pastel. Résultat possible : #C8E1D2, #B6D8C7, #A4CFBC, #92C6B1, #80BDA6 — un ensemble cohérent de verts à faible saturation à coller dans Figma en moins d’une minute.
Rebranding d’une boisson énergisante
Trois semaines de brand sprint et vous tournez encore autour du rouge-jaune. Tirez 4 couleurs en harmonie triadique et tonalité vive pour forcer un autre territoire.
Réglages : 4 couleurs, Triadique, Vive. Trois teintes à 120° d’écart avec saturation haute — la recherche sort du rouge-jaune pour explorer des combinaisons magenta-cyan-ambre que l’équipe n’avait pas regardées.
Prototype Tailwind CSS
Vous cherchez quelques couleurs d’accent pour une page de démo « Light mode ». Trois couleurs claires peu saturées, copier les HEX dans le config, on enchaîne.
Réglages : 3 couleurs, Aléatoire, Claire. Sortie typique : #E8DCD0, #D4E0DD, #DCD8E8. Dans tailwind.config en accent-50, accent-100, accent-200 — la page est prête pour une démo.
Exercice à palette imposée
Peintres et illustrateurs progressent quand on leur impose des limites. Cinq couleurs douces, et on peint la même nature morte uniquement avec celles-là.
Réglages : 5 couleurs, Aléatoire, Douce. Chaque couleur autour de 30 % de saturation et de luminosité moyenne — un ensemble poussiéreux et harmonieux qui pousse à composer par valeurs plutôt que par teintes.
Comment l’utiliser
- 1.
Choisir le nombre
1 à 10. Cinq est un bon défaut : assez de variété pour composer, peu pour rester en tête.
- 2.
Choisir une règle d’harmonie
Aléatoire pour explorer. Analogue pour la proximité. Complémentaire pour les paires à fort contraste. Triadique et tétradique pour des palettes catégorielles. Monochromatique pour étudier la valeur.
- 3.
Choisir une tonalité
Pastel, vive, douce, sombre, claire, ou « toutes » pour ne rien contraindre. Chaque préréglage resserre saturation et luminosité pour caler la palette sur une ambiance précise.
- 4.
Générer et copier
Bouton Générer ou touche Entrée. Chaque couleur affiche HEX, RGB et HSL avec leur propre bouton de copie. Tout copier prend l’ensemble comme une chaîne multi-lignes — collable dans Figma, dans le code, dans une note.
Questions fréquentes
Les palettes sont-elles vraiment aléatoires ou tirées d’une liste fixe ?
Aléatoires. L’outil tire une teinte de base (0–360°) par palette, applique la règle d’harmonie, puis échantillonne saturation et luminosité dans la plage du préréglage de tonalité. Deux exécutions avec les mêmes réglages donnent deux palettes différentes — la structure d’harmonie est préservée, les valeurs varient.
Quelle est la différence entre les cinq règles d’harmonie ?
Monochromatique : une seule teinte, variations de luminosité. Analogue : teintes voisines sur la roue (±25°). Complémentaire : teintes opposées à 180°. Triadique : trois teintes à 120° d’écart. Tétradique : quatre teintes à 90°. Même teinte de base, ressenti visuel différent selon la règle.
Comment fonctionnent les préréglages de tonalité ?
Chaque préréglage borne saturation (S) et luminosité (L). Pastel : S 25–55 %, L 78–92 %. Vive : S 85–100 %, L 42–58 %. Douce : S 15–40 %, L 40–60 %. Sombre : S 40–95 %, L 12–32 %. Claire : S 30–70 %, L 70–88 %.
Puis-je sauvegarder ou partager une palette qui me plaît ?
Cliquez sur Tout copier pour récupérer la palette en texte brut (HEX · RGB · HSL par ligne). Collez dans Figma, vos notes, un doc, un fil Slack. Pas de sauvegarde liée à un compte — par choix, rien ne sort du navigateur.
Pourquoi du HSL en plus du HEX et du RGB ?
HSL expose teinte, saturation et luminosité comme trois valeurs séparées : c’est le format le plus simple pour ajuster « +10 % de saturation » ou « +30° de teinte » dans le CSS ou un outil de design. HEX est plus court pour le handoff. RGB est la façon dont l’écran affiche réellement la couleur.
Puis-je utiliser ces palettes en usage commercial ?
Oui. Les valeurs de couleur ne sont pas protégées par le droit d’auteur. Utilisez n’importe quelle palette générée dans des projets commerciaux, des actifs de marque, du travail client payé, des produits que vous vendez. Aucune attribution requise.
En quoi est-ce différent de Coolors ou Adobe Color ?
Coolors et Adobe Color sont des outils mûrs, avec bibliothèques sauvegardées, génération de dégradés, extraction depuis image et partage communautaire. RandomHub fait une seule chose : générer rapidement des palettes aléatoires à base de règles, avec HEX / RGB / HSL prêts à coller — sans inscription, sans bibliothèque, sans upsell.
Pourquoi la limite à 10 couleurs ?
Au-delà de sept ou huit couleurs, la plupart des règles d’harmonie produisent des résultats visuellement proches — l’œil cesse de les distinguer comme une palette. Dix est une borne haute généreuse qui garde chaque résultat lisible.
À propos des palettes aléatoires en design
Les designers utilisent l’aléatoire comme entrée créative depuis les origines de la discipline. L’exercice du Bauhaus — « pose trois couleurs côte à côte et fais-les fonctionner » — est le même mécanisme : la contrainte et la surprise sortent le cerveau de son premier réflexe. Ce qui a changé avec les écrans, c’est qu’on calcule les règles d’harmonie instantanément : une triadique qui prenait une demi-heure avec une roue Munsell en 1965 prend un clic en 2026. C’est la vitesse qui compte. La première palette générée n’est presque jamais celle qu’on livre ; la valeur est dans le défilement de vingt palettes en cinq minutes pour repérer celle qui claque. RandomHub mise sur trois choses : les règles ancrent les maths dans la vraie théorie des couleurs plutôt que « cinq couleurs au pif », les tonalités correspondent aux briefs concrets plutôt qu’à des catégories vagues, et HSL / HEX / RGB sortent ensemble pour qu’on n’ait jamais à convertir à la main. Si une règle ou une tonalité utile manque, c’est un signal — écrivez-nous.
Outils associés
Outils associés
Continuez avec des outils utiles pour les cours, les jeux, la création et les décisions rapides.