🧰 ToolPicoTous les outils →
🎨 Visuel & Dev

Convertisseur de couleur

Convertissez instantanément entre HEX, RGB, HSL, HSV/HSB et CMJN. Choisissez une couleur ou saisissez un code — chaque format reste synchronisé. Plus un vérificateur de contraste WCAG 2.1 / RGAA et un générateur de palette complémentaire/analogue/triadique — le tout dans votre navigateur, gratuitement.

HEX · RGB · HSL · HSV · CMJN Alpha pris en charge WCAG 2.1 / RGAA AA / AAA Nuances 50–900 Mis à jour : 25 juil. 2026
Couleur sélectionnée
#7C3AED
—
HEX
Vous pouvez saisir #RRGGBB, la forme courte #RGB, ou ajouter l'alpha avec #RRGGBBAA.
RGB
HSL
HSV / HSB
Alpha (opacité)
100%
Tous les formats — cliquez pour copier
Espaces colorimétriques modernes — OKLCH · LAB · LCH
Sortie de code développeur — cliquez pour copier
Couleurs rapides
Réponse rapide Pour convertir un code HEX (par ex. #7C3AED) en RGB, convertissez chaque bloc de deux caractères de base 16 en base 10 : 7C=124, 3A=58, ED=237, donnant rgb(124, 58, 237). La même couleur en HSL est hsl(262, 83%, 58%). Choisissez une couleur ci-dessus et chaque format, le ratio de contraste, et une palette se génèrent automatiquement.
HEX
RGB
HSL
Luminance relative (L)
🎨 Remarque : toutes les conversions utilisent les calculs standards de l'espace colorimétrique sRGB et fonctionnent entièrement dans votre navigateur — aucune donnée n'est jamais envoyée à un serveur. La couleur que vous voyez à l'écran peut varier selon l'étalonnage du moniteur, le type de dalle, et les conditions d'éclairage. La sortie CMJN est une simple approximation mathématique. Les résultats sont fournis à titre informatif uniquement ; pour des couleurs d'impression ou de marque exactes, utilisez le profil colorimétrique ICC pertinent, une référence Pantone, ou vos directives de marque.
🎨 Convertisseur de couleur — ToolPico ↗

Vérificateur de ratio de contraste WCAG / RGAA

Saisissez une couleur de texte (premier plan) et une couleur d'arrière-plan pour voir le ratio de contraste WCAG 2.1 et les résultats AA/AAA avec un aperçu en direct. Le critère 3.2 du RGAA (référentiel français d'accessibilité) reprend les mêmes seuils. Visez au moins 4,5:1 pour le texte de taille normale afin de rester accessible.

—
ratio de contraste
Exemple de grand titre (24px)
Le texte de corps normal ressemble à ceci. Pour l'accessibilité, cette ligne doit rester confortablement lisible — WCAG AA exige au moins un contraste de 4,5:1.

Simulation de daltonisme

Comment la couleur que vous avez choisie ci-dessus est-elle perçue selon différents types de daltonisme ? Voyez les simulations de protanopie, deutéranopie, tritanopie et achromatopsie (daltonisme total) pour vérifier rapidement si votre design reste distinguable pour les utilisateurs daltoniens. Un complément naturel du vérificateur de contraste.

Comparez « Normal » à gauche avec les autres. Toucher une couleur copie son code HEX. Cette simulation est une transformation matricielle approximative côté client ; une évaluation clinique précise nécessite un test médical.

Générateur de palette de couleurs

Palettes harmonieuses dérivées de la couleur que vous avez choisie ci-dessus. Chacune est générée automatiquement à partir d'une relation de roue chromatique (complémentaire, analogue, triadique, complémentaire divisée, tétradique/carrée) ou d'un dégradé de luminosité (monochromatique). Touchez une couleur pour copier son code HEX dans votre presse-papiers.

Aperçu de palette sur une mini-maquette UI

Voyez votre couleur choisie appliquée à un bouton, une carte et du texte de lien, en utilisant les variables CSS générées par l'échelle de nuances 50–900 ci-dessus (--color-500, --color-700, etc.). Un moyen rapide de juger si une couleur « fonctionne » avant de l'intégrer à votre design.

Échelle de nuances 50–900

Une échelle de nuances complète (comme celles des design systems Tailwind/Radix) dérivée de votre couleur choisie ci-dessus, du plus clair (50) au plus foncé (900). Chaque nuance affiche son badge de contraste WCAG/RGAA face au blanc et au noir, pour choisir directement la nuance à utiliser comme texte ou comme fond. Exportez toute l'échelle en CSS, Tailwind ou JSON.

📐 Nuances générées
Chaque carte indique le code HEX et un badge de conformité AA (WCAG/RGAA, seuil 4,5:1) pour le contraste sur blanc (☀) et sur noir (●). Touchez une nuance pour copier son HEX.

Extraire une palette de couleurs depuis une image

Téléversez une image et ses couleurs dominantes sont extraites automatiquement. L'image ne quitte jamais votre appareil — elle est traitée entièrement dans votre navigateur (Canvas) et n'est jamais téléversée vers un serveur. Touchez l'une des couleurs extraites pour l'envoyer vers le convertisseur.

JPG, PNG, WebP… les couleurs les plus dominantes seront extraites.

Comment fonctionnent les codes couleur, et comment convertir entre eux ?

Une explication complète des modèles HEX, RGB, HSL et HSV, du calcul de conversion, et du contraste WCAG.

Un convertisseur de code couleur vous permet d'exprimer la même couleur dans différentes notations (HEX, RGB, HSL, HSV/HSB, CMJN) et de passer de l'une à l'autre. Tous ces modèles décrivent l'espace colorimétrique sRGB qu'utilisent les écrans — donc un code HEX et son équivalent RGB ou HSL décrivent exactement la même couleur, juste écrite différemment. Cet outil effectue chaque conversion avec des algorithmes standards, sans aucune bibliothèque externe.

Comment convertit-on un code couleur HEX en RGB ?

Réponse rapideUn code HEX s'écrit #RRGGBB ; chaque bloc de deux caractères représente un canal de couleur en base 16 (hexadécimal). Pour convertir en base 10 : #7C3AED → 7C=124, 3A=58, ED=237, soit rgb(124, 58, 237). La forme abrégée à trois caractères (#RGB) est développée en répétant chaque caractère deux fois : #F0A → #FF00AA.
  • RR — le canal rouge, 00–FF (0–255).
  • GG — le canal vert, 00–FF (0–255).
  • BB — le canal bleu, 00–FF (0–255).
  • AA (optionnel) — dans un HEX à 8 chiffres, le dernier bloc est le canal alpha (opacité).

Que sont HSL et HSV ? En quoi diffèrent-ils du RGB ?

Réponse rapideHSL (Teinte-Saturation-Luminosité) et HSV/HSB (Valeur/Luminosité) décrivent une couleur selon des axes de teinte, saturation et luminosité/luminosité qui semblent intuitifs pour les humains. RGB fonctionne avec trois canaux de lumière ; HSL/HSV fonctionnent plutôt autour de la roue chromatique. Leur différence est le troisième composant : en HSL, L=50% donne la couleur pure ; en HSV, V=100% donne la couleur la plus vive.

En pratique, quand vous voulez prendre une couleur de marque et produire des teintes plus claires et plus foncées de celle-ci, HSL est le modèle le plus utile : gardez la teinte (H) et la saturation (S) fixes et faites varier seulement la luminosité (L). La palette « Teintes et nuances » de cette page fait exactement cela. Les sélecteurs de couleur des programmes de conception utilisent généralement HSV, car un curseur de « luminosité » est visuellement plus facile à saisir.

Comment calcule-t-on le ratio de contraste WCAG ?

Réponse rapideD'abord, la luminance relative de chaque couleur est trouvée. Chaque canal sRGB est divisé par 255 et linéarisé : c ≤ 0,03928 ? c/12,92 : ((c+0,055)/1,055)^2,4. Puis L = 0,2126·R + 0,7152·G + 0,0722·B. Le ratio de contraste est (L1 + 0,05) / (L2 + 0,05) — L1 la couleur la plus claire, L2 la plus sombre. Le résultat se situe entre 1:1 et 21:1.

Cette formule tient compte du fait que l'œil humain est le plus sensible au vert et le moins sensible au bleu (les coefficients 0,7152 et 0,0722). C'est pourquoi même une paire apparemment « claire » comme jaune sur blanc peut échouer aux vérifications de contraste. Utilisez l'outil de contraste ci-dessus pour voir le ratio et les résultats AA/AAA en direct pour deux couleurs quelconques.

Objectifs pour un contraste de couleur accessible

Réponse rapideTexte normal : AA ≥ 4,5:1, AAA ≥ 7:1. Texte large (≈18pt, ou 14pt gras et plus) : AA ≥ 3:1, AAA ≥ 4,5:1. Les composants d'interface et objets graphiques ont généralement besoin de 3:1. Garder votre texte au-dessus de ces seuils signifie que les utilisateurs malvoyants peuvent aussi lire votre contenu confortablement.

WCAG et RGAA : quelle différence pour le contraste ?

Réponse rapideWCAG 2.1 est le standard international (W3C) ; le RGAA (Référentiel Général d'Amélioration de l'Accessibilité) est sa déclinaison française, obligatoire pour les sites publics et de nombreux organismes en France. Pour le contraste de couleur, le critère 3.2 du RGAA reprend exactement la même formule et les mêmes seuils que WCAG 2.1 AA (4,5:1 texte normal, 3:1 texte large) — un ratio conforme WCAG AA est donc conforme RGAA.

Tableaux de référence

Équivalents HEX/RGB/HSL des couleurs de base, seuils de contraste WCAG, où chaque format est typiquement utilisé, et un tableau de conversion alpha (opacité) → HEX.

Équivalents HEX, RGB et HSL des couleurs de base (sRGB)
CouleurHEXRGBHSL
Noir#0000000, 0, 00, 0%, 0%
Blanc#FFFFFF255, 255, 2550, 0%, 100%
Rouge#FF0000255, 0, 00, 100%, 50%
Vert (citron vert)#00FF000, 255, 0120, 100%, 50%
Bleu#0000FF0, 0, 255240, 100%, 50%
Jaune#FFFF00255, 255, 060, 100%, 50%
Cyan#00FFFF0, 255, 255180, 100%, 50%
Magenta#FF00FF255, 0, 255300, 100%, 50%
Orange#FFA500255, 165, 039, 100%, 50%
Violet (cet outil)#7C3AED124, 58, 237262, 83%, 58%
Gris#808080128, 128, 1280, 0%, 50%

Les valeurs HSL sont arrondies au nombre entier le plus proche. Saisissez n'importe quel HEX dans le convertisseur ci-dessus pour voir son équivalent exact.

Seuils de ratio de contraste minimum WCAG 2.1
Type de contenuAA (minimum)AAA (renforcé)
Texte normal (< 18pt / 14pt gras)4,5:17:1
Texte large (≥ 18pt ou 14pt gras)3:14,5:1
Composant d'interface / objet graphique3:1—
Élément décoratif / désactivéNon requisNon requis

18pt ≈ 24px, 14pt gras ≈ 18,66px. Le ratio de contraste peut atteindre au maximum 21:1 (noir pur sur blanc pur).

Formats de couleur et cas d'usage typiques
FormatExempleOù il est utilisé
HEX#7C3AEDCSS, design, web — le plus courant
HEX + alpha#7C3AED80Couleur semi-transparente (CSS, mobile)
RGBrgb(124, 58, 237)CSS, opérations basées sur les canaux
RGBArgba(124, 58, 237, .5)CSS nécessitant l'opacité
HSLhsl(262, 83%, 50%)Réglage teinte/luminosité, génération de thème
HSV / HSBhsv(262, 76%, 93%)Sélecteurs de couleur des outils de conception
CMJNcmyk(48, 76, 0, 7)Impression (conversion approximative)
OKLCHoklch(54,1% 0,247 293)CSS moderne ; large gamut, luminosité perceptuellement cohérente
LABlab(43,4% 64,8 -79,1)Indépendant de l'appareil ; mesure de différence de couleur (ΔE)
LCHlch(43,4% 102,2 309,3)La forme cylindrique (teinte/chroma) du LAB
Pourcentage d'opacité (alpha) → dernier bloc HEX à 8 chiffres
OpacitéDécimal (0–1)HEX (00–FF)
100% (totalement opaque)1,00FF
90%0,90E6
75%0,75BF
50% (semi-transparent)0,5080
25%0,2540
10%0,101A
0% (totalement transparent)0,0000

HEX alpha = la forme hexadécimale de round(opacité × 255). Déplacez le curseur alpha ci-dessus et le HEX à 8 chiffres se met à jour automatiquement.

Couleurs populaires

Ajouter cet outil à votre site (code d'intégration)

Intégrez gratuitement le convertisseur de couleur sur votre propre site. Copiez le code ci-dessous dans votre HTML — l'outil s'affiche dans une vue simplifiée et renvoie vers cette page comme source.

L'outil intégré a une mise en page fixe ; vous pouvez ajuster la valeur de height selon votre site. Pas de publicité ni de données personnelles, fonctionne entièrement côté client.

Glossaire des termes de couleur

Définitions courtes des termes essentiels des codes couleur et des vérifications d'accessibilité.

HEXUne notation qui écrit une couleur en base 16 sous forme #RRGGBB. Le format le plus courant en web et design.
RGBDéfinit une couleur par la quantité 0–255 de lumière rouge, verte et bleue (un modèle additif).
HSLTeinte (0–360°), Saturation (%), Luminosité (%). Utile pour dériver des thèmes et variantes tonales.
HSV / HSBTeinte, Saturation, Valeur/Luminosité. Le modèle standard derrière la plupart des sélecteurs de couleur des outils de conception.
CMJNLe modèle d'impression qui fonctionne avec l'encre Cyan, Magenta, Jaune et Key (noir) (un modèle soustractif).
Alpha (opacité)La transparence d'une couleur ; 0 est totalement transparent, 1 est totalement opaque. Écrit en RGBA ou HEX à 8 chiffres.
TeinteL'angle sur la roue chromatique ; 0° est rouge, 120° est vert, 240° est bleu.
SaturationLa vivacité d'une couleur ; 0% est une nuance de gris, 100% est la forme la plus vive.
Luminance relativeLa luminosité perçue d'une couleur par l'œil ; la base du calcul du ratio de contraste.
Ratio de contrasteLa différence de luminance entre deux couleurs ; trouvée avec (L1+0,05)/(L2+0,05), variant de 1:1 à 21:1.
WCAGWeb Content Accessibility Guidelines ; la norme d'accessibilité web du W3C (niveaux AA/AAA).
RGAARéférentiel Général d'Amélioration de l'Accessibilité ; la déclinaison française du WCAG, obligatoire pour les sites publics. Son critère de contraste (3.2) reprend les seuils WCAG AA.
Couleur complémentaireLa teinte directement opposée sur la roue chromatique (H+180°) ; donne le contraste le plus fort.
Couleurs analoguesTeintes voisines (H±30°) ; créent une palette harmonieuse et calme.
Palette triadiqueTrois teintes réparties uniformément sur la roue (H, H+120°, H+240°) ; vive et équilibrée.
sRGBL'espace colorimétrique par défaut des écrans et du web ; HEX/RGB/HSL décrivent tous cet espace.
OKLCHUn espace colorimétrique moderne et perceptuellement uniforme : Luminosité, Chroma, Teinte. Préféré en CSS pour son large gamut et sa luminosité cohérente.
LAB / LCHUn espace colorimétrique indépendant de l'appareil basé sur le CIELAB ; mesure la différence de couleur (ΔE) proche de la perception humaine. LCH est sa forme cylindrique (teinte/chroma).
DaltonismeDifficulté à distinguer les couleurs ; les types les plus courants sont la protanopie et la deutéranopie (rouge-vert) et la tritanopie (bleu-jaune).

Guides détaillés

Les questions les plus courantes sur les codes couleur et l'accessibilité, répondues.

Comment construire une palette complète à partir d'une couleur de marque ?

Saisissez votre couleur principale dans le convertisseur ci-dessus. La palette teintes & nuances garde la teinte et la saturation fixes et fait varier la luminosité (L) de 50 à 900, vous donnant une échelle de couleurs idéale pour les boutons, bordures et couches d'arrière-plan. Ensuite, la palette analogue (H±30°) donne des couleurs d'accent douces, la palette complémentaire (H+180°) donne une couleur d'action forte, et la palette triadique donne une combinaison vive de trois couleurs.

Une approche courante dans les interfaces professionnelles : une couleur de marque principale plus un dégradé de teintes, un accent complémentaire, et une échelle de gris neutres. Testez chaque couleur que vous choisissez comme texte/arrière-plan avec l'outil de contraste et assurez-vous qu'elle franchit le seuil AA.

Ma couleur de texte est-elle suffisamment lisible ? Comment le savoir ?

Saisissez votre couleur de texte comme premier plan et votre couleur d'arrière-plan dans la section contraste WCAG ci-dessus. Si le ratio est inférieur à 4,5:1 vous n'atteignez pas AA pour le texte de taille normale — visez au moins cela. Pour les grands titres (≈24px+), le seuil descend à 3:1. Les badges de l'outil marquent chaque seuil réussi/échoué, et l'aperçu en direct ci-dessous montre la lisibilité réelle.

Astuce : pour augmenter le contraste, éclaircir un peu l'arrière-plan (ou baisser la luminosité de la couleur en HSL) donne généralement un résultat plus propre que simplement assombrir le texte. Le jaune, le vert clair et les tons pastel échouent souvent sur un arrière-plan blanc.

À quoi sert le HEX à 8 chiffres (alpha), et comment le lire ?

#RRGGBBAA ajoute un canal d'opacité (alpha) à une couleur standard, écrit en 8 chiffres hexadécimaux. Les deux derniers caractères vont de 00 (totalement transparent) à FF (totalement opaque). Par exemple #7C3AED80 est du violet à environ 50% d'opacité — la même chose que rgba(124, 58, 237, .5).

La conversion pourcentage → HEX est round(opacité × 255) : 50% → 128 → 80, 75% → 191 → BF. Déplacez le curseur alpha ci-dessus et les sorties RGBA et HEX à 8 chiffres se mettent à jour instantanément ; le tableau de référence « Alpha → HEX » liste les valeurs les plus courantes.

Découvrir tous les outils ToolPico →

Questions fréquentes

Comment convertit-on un code couleur HEX en RGB ?
Un code HEX s'écrit #RRGGBB, et chaque bloc de deux caractères représente un canal en base 16. Pour convertir en base 10, convertissez chaque bloc : #7C3AED → 7C=124, 3A=58, ED=237, soit rgb(124, 58, 237). La forme abrégée à trois caractères (#RGB) est développée en répétant chaque caractère deux fois : #F0A → #FF00AA.
Qu'est-ce que le HSL ?
HSL est un modèle de couleur composé de Teinte (0–360°), Saturation (%), et Luminosité (%). Il est plus intuitif pour les humains que le RGB : garder la teinte fixe tout en changeant la luminosité produit facilement des versions plus claires ou plus foncées d'une couleur. HSL et RGB décrivent la même couleur sRGB et se convertissent exactement l'un vers l'autre.
Comment calcule-t-on le ratio de contraste WCAG ?
La luminance relative de chaque couleur est trouvée : chaque canal sRGB est normalisé entre 0 et 1 et linéarisé avec c ≤ 0,03928 ? c/12,92 : ((c+0,055)/1,055)^2,4, puis sommé comme L = 0,2126·R + 0,7152·G + 0,0722·B. Le ratio de contraste est trouvé avec (L1 + 0,05) / (L2 + 0,05) (L1 la plus claire, L2 la plus sombre). Le résultat va de 1:1 à 21:1.
Comment construit-on une palette de couleurs ?
Les méthodes les plus courantes reposent sur des relations de roue chromatique : complémentaire (H+180°) donne un fort contraste, analogue (H±30°) donne des transitions harmonieuses, triadique (H, H+120°, H+240°) donne un trio vif. Les teintes & nuances sont produites en gardant la teinte fixe et en augmentant ou diminuant la luminosité (L). Cet outil dérive automatiquement les quatre à partir de votre couleur choisie.
Quelle est la différence entre HSV et HSL ?
Les deux utilisent Teinte et Saturation ; leur troisième composant diffère. En HSL, L=50% donne la couleur pure, 100% donne blanc, 0% donne noir. En HSV/HSB, V=100% donne la couleur la plus vive, 0% donne noir ; atteindre le blanc nécessite aussi de baisser la saturation. Les outils de conception utilisent généralement HSV ; CSS prend en charge la fonction hsl().
Quel ratio de contraste dois-je viser pour un contraste de couleur accessible ?
Selon WCAG 2.1, le texte normal nécessite au moins 4,5:1 pour AA et 7:1 pour AAA ; le texte large (≈18pt / 14pt gras et plus) nécessite 3:1 pour AA et 4,5:1 pour AAA. Les composants d'interface ont généralement besoin de 3:1. Garder votre texte au-dessus de ces seuils le rend confortablement lisible aussi pour les utilisateurs malvoyants.
Quel est le lien entre le RGAA et le WCAG ?
Le RGAA (Référentiel Général d'Amélioration de l'Accessibilité) est le référentiel français d'accessibilité numérique, obligatoire pour les sites publics et de nombreux organismes en France. Son critère de contraste de couleur (thématique 3, critère 3.2) reprend exactement la même formule et les mêmes seuils que WCAG 2.1 AA (4,5:1 texte normal, 3:1 texte large). Un ratio conforme WCAG AA est donc conforme RGAA — cet outil vérifie les deux en une seule fois.
Comment l'alpha (transparence) est-il affiché dans un code couleur ?
L'alpha exprime l'opacité de 0 (totalement transparent) à 1 (totalement opaque). En CSS il s'écrit en décimal comme rgba(124, 58, 237, .5) ou en HEX à 8 chiffres comme #7C3AED80, où les deux derniers caractères sont le canal alpha (00–FF). Une opacité de 50% correspond à environ 80 en HEX. Cet outil produit l'alpha en forme RGBA et #RRGGBBAA.
Pourquoi le CMJN a-t-il un aspect différent du HEX ?
HEX/RGB est un modèle additif conçu pour les écrans (ajoutant de la lumière) ; CMJN est un modèle soustractif conçu pour l'impression (ajoutant de l'encre). Certaines couleurs vives qu'un écran peut afficher ne peuvent pas être reproduites exactement avec de l'encre, donc la conversion CMJN est une approximation. Pour des résultats d'impression exacts, utilisez le profil colorimétrique ICC pertinent ou une référence Pantone.
Que sont les codes couleur OKLCH et LAB ?
Contrairement au RGB centré sur l'écran, OKLCH et LAB sont des espaces colorimétriques modernes organisés autour de la perception humaine. LAB (CIELAB) est indépendant de l'appareil et mesure la différence entre deux couleurs proche de la façon dont l'œil la perçoit ; LCH est sa forme cylindrique (teinte/chroma). OKLCH est construit autour des axes Luminosité, Chroma et Teinte, conçu spécifiquement pour CSS avec une luminosité cohérente et un large gamut : écrit comme oklch(54,1% 0,247 293). Cet outil génère la couleur que vous choisissez en OKLCH, LAB et LCH instantanément.
Comment transformer une couleur en code Tailwind, Swift ou Flutter ?
Quand vous choisissez une couleur, l'outil génère automatiquement une sortie de code développeur : une variable CSS (--color: #7C3AED;), SCSS ($color: #7C3AED;), une classe Tailwind arbitraire (bg-[#7C3AED]), Swift UIColor, un entier couleur Android/Kotlin color int (0xFF7C3AED), et Flutter Color (Color(0xFF7C3AED)). Vous pouvez copier chaque ligne en un clic ; si l'opacité est inférieure à 100% la sortie se met à jour en ARGB à 8 chiffres.
À quoi sert la simulation de daltonisme ?
Environ 8% des personnes (plus souvent des hommes) ont une forme de daltonisme. La simulation montre approximativement comment votre couleur choisie est perçue en protanopie, deutéranopie, tritanopie, et achromatopsie, afin que vous puissiez vérifier si les distinctions basées uniquement sur la couleur (comme des badges de statut rouge/vert) restent distinguables pour ces utilisateurs aussi. La bonne pratique est de ne jamais faire de la couleur le seul vecteur de sens, et de la renforcer avec un contraste suffisant.

Méthodologie & sources

Le Convertisseur de couleur de ToolPico est un outil gratuit et indépendant. Les conversions appliquent directement les calculs standards de l'espace colorimétrique sRGB : HEX ↔ RGB utilise la conversion base-16 ; RGB ↔ HSL et RGB ↔ HSV normalisent chaque canal entre 0 et 1 et appliquent les formules standards de teinte/saturation/luminosité ; le CMJN utilise une conversion soustractive simple. La section contraste applique exactement la définition de luminance relative WCAG 2.1 (c ≤ 0,03928 ? c/12,92 : ((c+0,055)/1,055)^2,4 et L = 0,2126·R + 0,7152·G + 0,0722·B) et la formule de ratio de contraste (L1+0,05)/(L2+0,05). Tous les calculs s'exécutent entièrement dans votre navigateur ; aucune donnée de couleur n'est jamais envoyée à un serveur.

Base : conversions d'espace colorimétrique sRGB (IEC 61966-2-1) · ratio de contraste WCAG 2.1 (W3C), dont les seuils correspondent au critère 3.2 du RGAA (référentiel français d'accessibilité) · coefficients de luminance relative basés sur la CIE. Dernière mise à jour : 25 juillet 2026. Les formules de conversion de couleur et de contraste sont standards et fixes ; cette page est revue périodiquement pour rester à jour. Les résultats sont fournis à titre informatif uniquement — l'apparence réelle à l'écran peut varier selon l'étalonnage du moniteur et le profil d'impression.

🔗 Ajouter cet outil à votre site

Copiez le code ci-dessous sur votre propre site. L'outil est gratuit, toujours à jour, et fonctionne entièrement sur votre page. Aucune inscription requise.

Aperçu →
⚡ Built with ToolPico · toolpico.com