Générez une couleur au hasard en un clic. Codes HEX, RGB et HSL copiables instantanément. Verrouillez la teinte, la saturation ou la luminosité pour explorer des variantes.
Le générateur de couleur aléatoire est un outil simple pour obtenir une couleur au hasard parmi les plus de 16 millions de couleurs possibles. Chaque clic génère une nouvelle couleur avec ses codes HEX (#RRGGBB), RGB (rouge, vert, bleu) et HSL (teinte, saturation, luminosité), que vous pouvez copier en un clic.
L'outil est particulièrement utile pour les designers et développeurs web en quête d'inspiration. La fonction de verrouillage permet de fixer la teinte, la saturation ou la luminosité pour explorer des variantes cohérentes d'une même couleur. L'historique conserve vos couleurs précédentes pour que vous puissiez y revenir facilement.
Que ce soit pour choisir une couleur d'accent pour un site web, trouver l'inspiration pour une palette graphique, ou simplement découvrir de nouvelles teintes, cet outil est rapide, gratuit et sans inscription. L'indication de contraste texte (noir ou blanc) vous aide à savoir quelle couleur de texte utiliser sur un fond de cette couleur.
Cliquez sur le bouton « Nouvelle couleur » et une couleur est générée au hasard. Chaque composante (rouge, vert, bleu) est tirée indépendamment entre 0 et 255, ce qui donne accès à plus de 16 millions de couleurs. L'outil affiche les codes HEX, RGB et HSL que vous pouvez copier en un clic pour les utiliser dans vos projets.
HEX est un code hexadécimal sur 6 caractères utilisé en CSS (ex : #3B82F6). RGB décrit la couleur par ses composantes rouge, vert et bleu de 0 à 255. HSL la décrit par sa teinte (0-360°), saturation (0-100%) et luminosité (0-100%). Les trois représentent la même couleur de manières différentes — choisissez celui que votre projet utilise.
Les cadenas permettent de fixer un paramètre HSL (teinte, saturation ou luminosité) pour ne faire varier que les autres. Par exemple, verrouillez la teinte pour rester dans les bleus tout en variant la saturation et la luminosité. C'est utile pour explorer des déclinaisons d'une couleur de base.
L'outil affiche automatiquement si du texte blanc ou noir offre le meilleur contraste sur la couleur générée. Cette indication est basée sur la luminance relative de la couleur, conformément aux recommandations d'accessibilité web (WCAG).