Générateur de Couleurs Aléatoires - Outil en ligne gratuit

Fonctionnalités

Génère de 6 à 12 couleurs

Valeurs HEX, RGB et HSL

Copier en un clic

Verrouiller des couleurs

Comment Utiliser

1. Appuyez sur Espace (ou Générer) pour remplir la surface de couleurs aléatoires.

2. Verrouillez celles qui vous plaisent — les tuiles verrouillées survivent au tirage suivant. Cliquez sur une tuile pour copier sa valeur.

3. Changez le format (HEX / RGB / HSL / OKLCH) dans la barre, ou copiez tout le jeu d'un coup.

À propos de cet outil

Parfois, le moyen le plus rapide de trouver une direction de couleur est de laisser le hasard en proposer une. Ce générateur remplit la scène de 3 à 12 couleurs aléatoires tirées du générateur de nombres aléatoires cryptographiquement sûr du navigateur, et affiche chacune en HEX, RGB, HSL ou OKLCH avec un nom de couleur approximatif. Appuyez sur Espace ou Générer pour relancer ; verrouillez les cases qui vous plaisent et elles survivent au tirage suivant, pour construire un ensemble pas à pas. Cliquez sur une case pour copier sa valeur, ou copiez tout l'ensemble d'un coup. Les couleurs aléatoires sont idéales pour l'inspiration, les données de test, les fonds d'avatars et les graphiques provisoires, mais pour une palette de marque ou d'interface, affinez l'harmonie et vérifiez le contraste du texte avant de les utiliser.

Questions Fréquentes

Comment les couleurs aléatoires sont-elles générées ?

Les valeurs proviennent de crypto.getRandomValues, la source aléatoire sécurisée du navigateur : chacune des 16,7 millions de couleurs RGB 24 bits est également probable, et les résultats ne se répètent pas selon un motif prévisible.

Comment fonctionnent les couleurs verrouillées ?

Verrouiller une case conserve sa couleur lors d'une nouvelle génération, tandis que les cases non verrouillées reçoivent de nouvelles couleurs aléatoires. Vous gardez ainsi les couleurs qui vous plaisent et continuez à tirer pour les autres.

Quel format de valeur copier ?

HEX est le plus largement accepté par les outils de design et le CSS. HSL est plus facile à ajuster à la main, et OKLCH est utile pour régler la luminosité de façon cohérente entre plusieurs couleurs en CSS moderne.

Des couleurs aléatoires peuvent-elles former une palette accessible ?

Pas à elles seules. Les paires aléatoires ont souvent un contraste insuffisant. Servez-vous-en comme point de départ, puis vérifiez chaque combinaison texte/fond avec un vérificateur de contraste selon le niveau WCAG AA.

Comment obtenir des couleurs aléatoires plus douces ou plus vives ?

Ici, chaque valeur RGB est également probable : les résultats vont donc des tons éteints aux tons vifs. Copiez une couleur qui vous plaît dans le Convertisseur de couleurs et baissez sa saturation pour des tons plus doux ou augmentez-la pour des tons plus vifs, ou utilisez le Générateur de palettes pour créer un ensemble harmonieux à partir d'elle.