Beginner

Générateur de couleur aléatoire

Générez une ou plusieurs couleurs aléatoires et lisez instantanément leurs codes HEX, RGB et HSL plus la meilleure couleur de texte en superposition.
1 to 12

Hue mode

Red channel value
243

Primary color: #F33C8A

HEX
#F33C8A
RGB
rgb(243, 60, 138)
HSL
hsl(334, 88%, 59%)
Relative luminance
0,241
Suggested text color
Black
Colors generated
1
Red243
Green60
Blue138
Les résultats sont des estimations fournies à titre d’information générale uniquement et ne constituent pas un avis professionnel — vérifiez toujours les résultats importants de manière indépendante avant de vous y fier. Lire l’avertissement complet.
Réponse rapide

Comment fonctionne cette calculatrice ?

Un générateur de couleur aléatoire choisit des valeurs de rouge, vert et bleu de 0 à 255 pour former une couleur, puis l'affiche en HEX, RGB et HSL. Il calcule aussi la luminance relative de la couleur et suggère un texte noir ou blanc pour un contraste lisible. Choisissez un nombre et un mode de teinte pour orienter la palette vers le chaud, le froid ou le pastel.

Formule
R,G,B = floor(random() × 256); HEX = '#' + hex(R) + hex(G) + hex(B); luminance = 0,2126·R' + 0,7152·G' + 0,0722·B'
How this is calculated

La saisie « Combien de couleurs » contrôle le nombre de couleurs aléatoires indépendantes produites (limité à 1-12), et la sélection « Mode de teinte » façonne la distribution aléatoire. En mode « any », chacun des canaux rouge, vert et bleu est un entier indépendant de 0 à 255, donnant une couleur aléatoire uniforme dans tout l'espace 24 bits. Les modes « warm », « cool » et « pastel » choisissent plutôt une teinte, une saturation et une luminosité dans des plages HSL restreintes et reconvertissent en RGB, pour que les couleurs restent dans une famille reconnaissable.

Chaque couleur est indiquée de trois façons. Le HEX est construit en convertissant chaque canal en chaîne base 16 à deux chiffres et en les joignant après un « # ». Le HSL est dérivé des canaux normalisés : la teinte vient du canal maximal, la luminosité est la moyenne des canaux les plus grand et plus petit, et la saturation est l'étendue des canaux divisée par 1 - |2L - 1|. Ce sont des représentations équivalentes de la même couleur.

La couleur de texte suggérée utilise la luminance relative WCAG. Chaque canal est normalisé à 0-1 et linéarisé avec la courbe de transfert sRGB, puis combiné comme 0,2126·R + 0,7152·G + 0,0722·B. Si cette luminance dépasse environ 0,179, le fond est « clair » et un texte noir est recommandé, sinon un texte blanc donne un meilleur contraste. Comme les couleurs sont aléatoires, les résultats changent à chaque recalcul.

Questions fréquentes

Ce sont trois notations pour la même couleur. RGB liste les intensités de rouge, vert et bleu (0-255), HEX est les mêmes valeurs écrites en base 16, et HSL décrit la couleur par teinte, saturation et luminosité.

Elle compare la luminance relative de la couleur à un seuil (~0,179). Les fonds plus clairs reçoivent un texte noir et les fonds plus sombres un texte blanc, ce qui garde le texte lisible selon les recommandations de contraste WCAG.

Ils restreignent les plages aléatoires de teinte, saturation et luminosité : le chaud favorise les rouges, oranges et jaunes, le froid favorise les verts, bleus et violets, et le pastel garde une faible saturation et une forte luminosité pour des teintes douces.

Aussi appelé

generateur couleur aleatoire
couleur hex aleatoire
generer couleur
code hex aleatoire
selecteur de couleur
palette aleatoire
rgb aleatoire

APA

TG we-Calculate Editorial Team. (2026). Générateur de couleur aléatoire [Online calculator]. TG we-Calculate. https://we-calculate.com/fr/calculator/random-color-generator

Chicago

TG we-Calculate Editorial Team. "Générateur de couleur aléatoire." TG we-Calculate. 2026. https://we-calculate.com/fr/calculator/random-color-generator.

IEEE

TG we-Calculate Editorial Team, "Générateur de couleur aléatoire," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/fr/calculator/random-color-generator

BibTeX

@misc{wecalculate_random_color_generator, title = {Générateur de couleur aléatoire}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/fr/calculator/random-color-generator}}, year = {2026}, note = {TG we-Calculate} }

Cette calculatrice vous a-t-elle aidé ?