Mes outils

Générateur de couleurs aléatoires

Une couleur aléatoire vous attend déjà — appuyez sur la barre d’espace pour la suivante, copiez HEX, RGB ou HSL en un clic.

Mode d’emploi

  1. Une couleur est déjà à l’écran à l’ouverture de la page — le premier résultat ne demande aucun clic.
  2. Appuyez sur la barre d’espace (ou sur « Générer ») pour la couleur suivante. Choisissez d’abord un style si vous voulez un autre type d’aléatoire : « Équilibrée » reste au milieu utilisable de l’espace, « Partout » tire dans tout l’espace HSL, « Vive » et « Pastel » visent les accents et les fonds doux.
  3. Copiez HEX, RGB ou HSL avec son bouton — ou cliquez sur le grand échantillon pour copier HEX. « Copier les trois » place tous les formats dans le presse-papiers, un par ligne.

Exemple

Réglages

Style « Équilibrée »

Un résultat possible

HEX #A5B3C0
RGB rgb(165, 179, 192)
HSL hsl(210, 18%, 70%)

Les valeurs sont aléatoires, vous n’obtiendrez donc jamais exactement celles-ci — vérifiez plutôt la forme : HEX est # suivi de six chiffres hexadécimaux, RGB est trois entiers de 0 à 255, HSL est une teinte en degrés plus deux pourcentages. Les badges Aa sur l’échantillon montrent la lisibilité d’un texte noir et d’un texte blanc sur la couleur (contraste WCAG ; 21:1 est le meilleur, 1:1 invisible).

Portée, limites et questions courantes

  • Couleurs opaques uniquement : pas d’alpha et pas de HEX à 8 chiffres. Pour la transparence, collez la valeur dans le convertisseur de couleurs.
  • Trois formats : HEX, RGB et HSL. HSV, CMYK et les autres espaces colorimétriques relèvent du convertisseur de couleurs.
  • « Équilibrée », « Vive » et « Pastel » sont des plages utilisables choisies à la main en HSL — volontairement pas un tirage mathématiquement uniforme. Choisissez « Partout » pour un tirage uniforme sur tout l’espace HSL ; les gris boueux et les quasi-blancs font partie du lot.
  • L’aléa vient de crypto.getRandomValues du navigateur — cryptographiquement fort, mais pas un service de « vrai hasard » à bruit atmosphérique.
  • La bande des couleurs récentes ne vit que pendant cette visite : recharger l’efface. Rien n’est envoyé, stocké ni placé dans l’URL, et le bouton de partage ne partage que le lien de la page.
  • Les badges Aa comparent la couleur au texte noir et au texte blanc uniquement (luminance relative WCAG 2.x). Les autres couleurs de texte, superpositions et gestions de couleur sortent du cadre.
  • L’arrondi est au niveau de l’affichage : convertir la même couleur entre HEX et HSL peut décaler une composante de 1.

Ce dont on a généralement besoin ensuite, une fois la couleur en main.

Convertisseur de couleurs

Générateur de palettes de couleurs