Qu'est-ce que Générateur de couleurs aléatoires ?

Générez des couleurs aléatoires avec leurs valeurs HEX, RVB et TSL. Verrouillez celles qui vous plaisent, régénérez les autres et copiez n'importe quel code couleur en un clic.

Appuie sur la barre d'espace (ou clique sur générer) et la page affiche une nouvelle rangée de couleurs aléatoires, chacune avec son nom et ses valeurs HEX, RGB et HSL. Fais glisser le curseur : la palette passe d'une seule couleur d'accent à huit nuances. Bascule le sélecteur Style sur Pastel, Vif, Sombre ou Terre pour orienter le hasard vers une ambiance, ou choisis une règle d'Harmonie (complémentaire, analogue, triadique, tétradique) pour que les tons s'accordent selon la théorie des couleurs au lieu de coexister par hasard. Verrouille via le cadenas celles qui te plaisent et relance le reste. Chaque code se copie en un clic, et la palette entière se télécharge en fichier texte ou en image PNG prête à partager. Besoin de code ? Un appui copie l'ensemble sous forme de bloc :root de propriétés personnalisées CSS, et un autre copie un lien qui rouvre exactement cette palette partout où tu le colles. Ouvre la bande de teintes et nuances d'un échantillon pour récupérer cinq paliers plus clairs et cinq plus foncés, parfaits pour les états survol, les bordures et les fonds teintés.

Comment utiliser

1. Choisis le nombre de couleurs (de 1 à 8, 5 par défaut) puis clique sur générer pour remplir la palette.
2. Verrouillez les couleurs à conserver, puis régénérez pour remplir les emplacements restants.
3. Cliquez sur n'importe quel code couleur (HEX, RVB ou TSL) pour le copier dans le presse-papiers.

Quand l'utiliser

• Lever le blocage créatif face à un Figma vide sans direction colorimétrique en tête.
• Choisir une famille de tons pour un side project, un document de brainstorming ou une activité artistique avec les enfants.
• Attraper un HEX vite fait pour un visuel ponctuel (bannière, vignette réseau social, fond d'écran) sans éplucher les couleurs de l'année.

Résultat

Un designer web cherche des couleurs d'accent pour un nouveau projet. Il génère des palettes jusqu'à trouver #E8674A (corail chaud), la verrouille, puis continue à générer pour trouver des couleurs complémentaires.

FAQ

Comment la couleur est-elle choisie au juste ?

Dans le mode par défaut Aléatoire + Tous, chaque canal (rouge, vert, bleu) reçoit un entier neuf entre 0 et 255, donc n'importe lequel des ~16,7 millions de triplets RGB peut sortir — aléatoire uniforme réel, sans biais curatif. Quand tu choisis un Style (Pastel, Vif, Sombre, Terre), l'outil tire teinte, saturation et luminosité à l'intérieur de la plage de cette ambiance. Les modes d'Harmonie partent d'une base aléatoire et dérivent les autres avec les décalages de la roue chromatique.

Pourquoi mes palettes aléatoires paraissent ternes parfois ?

L'aléatoire uniforme en RGB favorise les gris moyens et les tons sourds parce que la majeure partie du cube tombe là. Le raccourci le plus rapide : passe le sélecteur Style de Tous à Vif ou Pastel, l'outil échantillonne alors dans une plage de teinte/saturation/luminosité choisie et le milieu boueux disparaît. Tu peux aussi verrouiller les coups punchy et relancer le reste deux ou trois fois jusqu'à ce que la ligne tienne.

Puis-je garder une couleur et regénérer les autres ?

Oui. Clique sur le cadenas d'une nuance pour la verrouiller, puis sur générer. Les nuances verrouillées restent, les autres changent. C'est la façon la plus rapide d'ancrer une couleur de base et d'explorer les couleurs d'accent qui l'entourent.

Quelle est la différence entre HEX, RGB et HSL ?

HEX (#1A2B3C) c'est le même RGB écrit en base 16, courant en CSS et dans les outils de design. RGB (rgb(26,43,60)) nomme les trois canaux en décimal. HSL (hsl(210,40%,17%)) décrit teinte, saturation et luminosité, plus intuitif pour ajuster à la main.

Est-ce vraiment aléatoire ou basé sur une graine ?

Le tirage utilise Math.random de JavaScript dans ton onglet. C'est pseudo-aléatoire : pour du design c'est indiscernable d'un vrai hasard, mais pas cryptographiquement sûr. Recharge la page et tu obtiens une toute nouvelle palette à chaque fois.

Outils similaires