Générateur de couleur aléatoire
Générez des codes couleur aléatoires aux formats hexadécimal, RGB et HSL pour vos projets web et créations graphiques.
Exécuter l’outil
Ce générateur produit des codes de couleur aléatoires prêts à être intégrés dans vos feuilles de style CSS, vos maquettes graphiques ou vos interfaces numériques. Vous pouvez choisir la quantité de nuances souhaitée, de 1 à 50 éléments par tirage, avec une valeur par défaut fixée à 1. Trois formats d'affichage sont disponibles selon vos besoins techniques : le format hexadécimal classique composé d'un croisillon suivi de six caractères minuscules, le format RGB indiquant les canaux rouge, vert et bleu sous la forme d'entiers entre 0 et 255, et le format HSL combinant une teinte entière avec une saturation et une luminosité exprimées en pourcentages. Chaque teinte est calculée à partir de composantes indépendantes pour assurer une grande variété de nuances. Si une option de format non reconnue est transmise, l'outil applique automatiquement le format hexadécimal standard afin de garantir un rendu textuel directement exploitable dans votre flux de travail.
Mode d’emploi
- Indiquez le nombre de couleurs à générer, compris entre 1 et 50 (la valeur 1 est appliquée par défaut).
- Sélectionnez le format textuel souhaité parmi les options proposées : Hexadécimal, RGB ou HSL.
- Lancez la génération pour afficher immédiatement la liste des valeurs de couleurs créées.
- Copiez les codes générés pour les coller directement dans votre code CSS ou votre outil de conception.
Exemples
- Génération de 3 couleurs au format hexadécimal : vous obtenez trois codes tels que #3f8a5c, #e21b44 et #0d6efd.
- Génération d'une seule couleur au format RGB : le résultat produit une notation comme rgb(45, 128, 210).
- Génération de 2 couleurs au format HSL : le panneau affiche deux valeurs complètes comme hsl(210, 65%, 50%) et hsl(35, 90%, 60%).
FAQ
Combien de couleurs puis-je générer en une seule fois ?
Vous pouvez demander entre 1 et 50 couleurs par tirage. Si vous entrez un nombre inférieur à 1 ou supérieur à 50, l'outil ajuste automatiquement la demande dans cette plage.
Que se passe-t-il si un format non valide est sélectionné ?
Lorsque la valeur transmise ne correspond ni au format hexadécimal, ni au format RGB, ni au format HSL, l'outil génère automatiquement la sortie en format hexadécimal standard.
Quelle est la casse des codes hexadécimaux produits ?
Les codes hexadécimaux sont toujours générés avec six caractères hexadécimaux en lettres minuscules, précédés d'un croisillon (#).
Comment sont calculées les valeurs HSL ?
Les teintes sont calculées à partir de canaux de base rouge, vert et bleu tirés entre 0 et 255. La teinte correspond à un angle entier, tandis que la saturation et la luminosité sont indiquées sous forme de pourcentages entiers.