Générateur de Couleurs Aléatoires
Lancez une couleur aléatoire de l’espace RGB 24 bits complet et voyez-la rendue sous forme de grand échantillon avec chaque représentation courante à côté : hex (#a3e1b4), RGB (rgb(163, 225, 180)), HSL et même une couleur nommée CSS de secours lorsqu’une correspondance est trouvée. Cliquez sur l’échantillon pour relancer.
Comment générer une couleur aléatoire
-
1
Cliquez sur générer
Trois octets aléatoires (0-255) deviennent les canaux R, G et B.
-
2
Lire chaque format
Hex, RGB, HSL et HSV sont tous affichés ; copiez celui que votre feuille de style utilise.
-
3
Verrouillez si vous l'aimez
Si le résultat est proche de ce que vous voulez, activez "verrouiller la teinte" pour conserver la teinte et relancer uniquement la luminosité et la saturation.
L’espace colorimétrique
Le générateur utilise un RGB 24 bits, offrant 16 777 216 couleurs possibles. C’est la même gamme que votre moniteur peut afficher, bien que certaines de ces valeurs se trouvent dans des coins plus sombres ou désaturés qui sont difficiles à distinguer.
Comment chaque format représente la même couleur
| Format | Syntaxe | Octets par canal |
|---|---|---|
| Hex | #RRGGBB |
8 bits |
| RGB | rgb(R, G, B) |
8 bits |
| HSL | hsl(H, S%, L%) |
Dérivé |
| HSV | hsv(H, S%, V%) |
Dérivé |
| OKLCH | oklch(L C h) |
Uniforme perceptuellement |
Pourquoi le hasard pur peut sembler boueux
Le RGB aléatoire uniforme se retrouve plus souvent dans des couleurs sombres et désaturées que dans des couleurs vives et éclatantes. Si vous avez besoin de résultats plus percutants, relancez en utilisant HSL avec la saturation verrouillée au-dessus de 60 % et la luminosité entre 45 % et 65 % — vous obtiendrez des couleurs de couverture de magazine au lieu de boue.
Accessibilité
Associez n’importe quelle couleur générée avec du texte blanc ou noir et vérifiez le ratio de contraste WCAG avant de l’utiliser comme arrière-plan de bouton. Pour le texte de corps, le minimum est de 4.5:1 ; pour le texte large, il est de 3:1.
Questions fréquentes
Parce que la plupart de l’espace RGB se trouve dans le milieu sombre et désaturé. Seule une fine couche près des bords contient des couleurs vives. Générez en HSL ou OKLCH avec une saturation limitée pour des résultats vifs.
Utilisez le mode de teinte verrouillée (si disponible) : vous choisissez une teinte en degrés et l’outil ne modifie que la saturation et la luminosité. Utile pour explorer les tons d’une couleur de marque.
Aucun mode avec graine pour le moment — chaque clic est un tirage indépendant du RNG crypto. Copiez le code hexadécimal pour conserver une couleur.
En gros. Les codes hexadécimaux sont relatifs à l’appareil ; un écran sRGB calibré les affiche avec précision, un ordinateur portable bon marché les déplace vers le bleu. Pour l’impression, convertissez en CMJN avant de faire confiance à l’apparence.
Outils similaires
Générateur de palettes de couleurs aléatoires
Générez des palettes de cinq couleurs basées sur une teinte de base aléatoire, avec des variantes complémentaires, analogues et triadiques.
Générateur de palette de couleurs
Générez une palette harmonieuse de 4 à 8 couleurs à partir d'une couleur de base en utilisant des schémas complémentaires, analogues, triadiques et split-complement.
Générateur de lettres aléatoires
Générez des lettres aléatoires de l'alphabet anglais. Choisissez la casse, incluez des doublons ou des tirages uniques, et définissez combien.
Sélecteur de couleur HEX
Choisissez n'importe quelle couleur visuellement et obtenez ses valeurs HEX, RGB, HSL, HSV et CMYK, ainsi que le contraste d'accessibilité par rapport au blanc et au noir.
Formateur JSON
Formatez et mettez en forme JSON avec un retrait ajustable, des clés triées et une validation en ligne qui met en évidence les erreurs à la position exacte.
Générateur de noms aléatoires
Générez des noms plausibles en anglais à partir de listes populaires de prénoms et de noms de famille. Choisissez le genre, la quantité et le format.