Générateur de couleurs
Système de palette // v1.0
Plage : 1-10
En attente de saisie...
Comment cet outil aide
RandomHub génère de 1 à 10 couleurs et affiche pour chacune les valeurs HEX, RGB et HSL. Les six harmonies sont : aléatoire, monochromatique, analogue, complémentaire, triadique et tétradique. Les six tonalités sont : toutes, pastel, vive, douce, sombre et claire. L’harmonie détermine la relation entre les teintes ; la tonalité resserre les plages de saturation et de luminosité. Relancer la génération produit une nouvelle palette avec les mêmes réglages, tandis que leur modification explore une autre zone de l’espace colorimétrique. Le nom affiché est une étiquette approximative correspondant à la couleur la plus proche, pas une spécification exacte : les valeurs numériques restent la référence pour l’intégration.
Six harmonies explicites
Six tonalités
Trois formats à copier
Entiers aléatoires sans biais de modulo
Qu’est-ce qu’un générateur de couleurs aléatoires ?
RandomHub génère de 1 à 10 couleurs et affiche pour chacune les valeurs HEX, RGB et HSL. Les six harmonies sont : aléatoire, monochromatique, analogue, complémentaire, triadique et tétradique. Les six tonalités sont : toutes, pastel, vive, douce, sombre et claire. L’harmonie détermine la relation entre les teintes ; la tonalité resserre les plages de saturation et de luminosité. Relancer la génération produit une nouvelle palette avec les mêmes réglages, tandis que leur modification explore une autre zone de l’espace colorimétrique. Le nom affiché est une étiquette approximative correspondant à la couleur la plus proche, pas une spécification exacte : les valeurs numériques restent la référence pour l’intégration.
À qui cet outil est-il utile ?
Designers produit et marque
Élargir rapidement une piste visuelle avant d’affiner contraste, accessibilité et cohérence de marque.
Développeurs front-end
Créer des couleurs provisoires et copier les valeurs exactes dans le CSS, les tokens ou un prototype.
Équipes data-viz
Démarrer avec des teintes séparées, puis vérifier contraste et sens dans le graphique final.
Ce que font réellement les réglages
Six harmonies explicites
Aléatoire échantillonne des teintes indépendantes. Monochromatique garde une teinte, analogue reste dans une fenêtre de 80°, complémentaire alterne deux opposées, triadique et tétradique parcourent trois ou quatre teintes régulièrement espacées.
Six tonalités
Toutes laisse saturation et luminosité ouvertes. Pastel, vive, douce, sombre et claire resserrent chacune ces plages HSL.
Trois formats à copier
Chaque résultat comprend HEX, RGB et HSL. On peut copier une valeur ou toute la palette en texte multiligne.
Entiers aléatoires sans biais de modulo
Le choix des teintes utilise Web Crypto getRandomValues avec rejection sampling lorsque la plage ne divise pas exactement l’espace Uint32.
Points de départ pratiques
Exploration d’interface
Essayez 5 couleurs analogues pastel pour une direction calme, puis contrôlez le contraste des textes.
Réglages : 5 couleurs · Analogue · Pastel. Copiez les HEX dans un jeu de tokens exploratoire.
Concept énergique
Essayez 3 couleurs triadiques vives pour sortir d’une palette de marque trop familière.
Réglages : 3 couleurs · Triadique · Vive. Considérez le résultat comme une piste, pas comme une identité terminée.
Catégories de graphique
Utilisez une tétradique comme première passe, puis testez lisibilité, daltonisme et ordre sémantique.
Réglages : 4 couleurs · Tétradique · Toutes. Validez le graphique réel, pas seulement l’écart des teintes.
Comment l’utiliser
- 1.
Choisir le nombre
Saisissez un entier de 1 à 10.
- 2.
Choisir l’harmonie
Sélectionnez l’une des six règles selon la proximité souhaitée entre les teintes.
- 3.
Choisir la tonalité
Gardez Toutes ou choisissez Pastel, Vive, Douce, Sombre ou Claire.
- 4.
Générer et copier
Générez la palette, puis copiez HEX, RGB, HSL ou le résultat complet.
Questions fréquentes
D’où vient l’aléatoire ?
Le générateur utilise Web Crypto getRandomValues. Les choix entiers passent par rejection sampling afin d’éviter le biais d’une simple opération modulo.
Comment les harmonies sont-elles calculées ?
Analogue répartit les couleurs de −40° à +40° autour de la teinte de base (±40°). Complémentaire alterne deux teintes à 180°. Triadique parcourt des teintes à 120° et tétradique à 90°. Monochromatique varie la luminosité autour d’une seule teinte.
Que contraignent les tonalités ?
Pastel, vive, douce, sombre et claire appliquent des plages différentes de saturation et de luminosité. Toutes laisse ces plages ouvertes.
Le nom affiché est-il une norme exacte ?
Non. C’est le nom le plus proche dans une liste de couleurs, calculé par distance RGB et localisé pour l’affichage. Pour une valeur exacte, utilisez HEX, RGB ou HSL.
Pourquoi trois formats ?
HEX est compact, RGB expose les canaux de l’écran et HSL facilite l’ajustement séparé de la teinte, de la saturation et de la luminosité.
Une harmonie garantit-elle l’accessibilité ?
Non. Elle ne garantit ni le contraste lisible ni l’accessibilité aux déficiences de vision des couleurs. Testez le contexte final.
De la piste aléatoire à la décision
Une palette générée sert surtout au début d’une décision, lorsque la variété compte davantage que la finition. RandomHub rend visibles le nombre, l’harmonie, la tonalité, les valeurs numériques et un nom approximatif. Une harmonie décrit une relation géométrique entre les teintes ; elle ne décide pas laquelle portera le texte, l’accent, l’alerte ou l’arrière-plan. Définissez ces rôles dans l’interface ou le graphique réel, puis contrôlez le contraste aux tailles et dans les états prévus. Utilisez HEX, RGB ou HSL comme référence d’implémentation et le nom proche uniquement comme aide de lecture. Le résultat élargit la recherche ; accessibilité, sens de marque, reproduction et hiérarchie visuelle se valident dans leur contexte.
Outils associés
Outils associés
Continuez avec des outils utiles pour les cours, les jeux, la création et les décisions rapides.