Puis-je convertir HEX en RGB (et l'inverse) ?

Oui. Saisissez une valeur et elle se convertit dans toutes les directions à la fois : hex en rgb, rgb en hex, hex en hsl, hsl en hex, plus HSV et RGBA. Pas de bouton convertir ; les autres formats se mettent à jour instantanément.

Prend-il en charge RGBA et HSLA avec transparence ?

Oui. Utilisez le curseur alpha pour régler la transparence et obtenez RGBA, HSLA et HEX8 (#RRGGBBAA). L'aperçu affiche un damier pour voir le niveau de transparence.

Comment copier une valeur ?

Cliquez sur le bouton copier à côté de n'importe quel format. La valeur est copiée dans le presse-papiers et un message « Copié ! » le confirme.

Puis-je utiliser des noms comme red ou rebeccapurple ?

Oui. Les noms de couleur CSS standard sont acceptés en entrée et convertis en HEX, RGB, HSL et HSV ; par exemple, rebeccapurple devient #663399.

Peut-il convertir en CMJN ?

Non, volontairement. Un CMJN exact dépend des profils de couleur, du papier et de la presse, donc une formule simple donnerait des valeurs trompeuses. Pour l'impression, utilisez des outils de gestion des couleurs dédiés.

Comment utiliser le rapport de contraste ?

Il compare la couleur de votre texte à un fond et indique s'il respecte WCAG AA/AAA. Utilisez-le pour confirmer que vos combinaisons de couleurs sont lisibles et accessibles.

Mes couleurs sont-elles envoyées à un serveur ?

Non. Toutes les conversions s'exécutent localement dans votre navigateur. Vos couleurs ne sont jamais envoyées ni stockées.

Convertisseur de Couleur — HEX, RGB, HSL et HSV, copie en un clic

Aperçu en direct

#7C3AED

HEX ou nom de couleur

RGB

Curseurs :

Teinte262°

Saturation83%

Luminosité58%

Alpha (opacité)100%

Tous les formats

HEX#7C3AED

HEX8#7C3AEDFF

RGBrgb(124, 58, 237)

RGBArgba(124, 58, 237, 1)

HSLhsl(262, 83%, 58%)

HSLAhsla(262, 83%, 58%, 1)

HSVhsv(262, 76%, 93%)

Contraste et WCAG

5.70:1

Texte d'exemple

AA (normal)Réussi

AAA (normal)Échec

AA (grand)Réussi

AAA (grand)Réussi

Outils externes associés

Certains liens sont des liens d'affiliation.

Adobe Creative CloudSuite d'apps créatives CanvaDesign graphique facile

Outils associés

Générateur de Palette de CouleursGénérez des palettes de couleurs harmonieuses à partir d'un HEX de base avec des schémas complémentaire, analogue, triadique et plus. Verrouillez des couleurs, régénérez le reste et exportez en CSS, Tailwind ou JSON.Extracteur de Couleurs d'ImageExtrayez la palette de couleurs dominantes de n'importe quelle image dans votre navigateur, sans rien envoyer. Obtenez HEX, RGB et pourcentage (%) de chaque couleur, choisissez le nombre et exportez en CSS/JSON.Générateur de DégradéCréez des dégradés CSS linéaires, radiaux et coniques avec plusieurs points de couleur. Ajustez l'angle, la forme et le centre, puis copiez le CSS background ou la valeur Tailwind en un clic.Outil d'association de policesTrouvez les meilleures combinaisons Google Fonts titre × corps, prévisualisez-les en temps réel et copiez le CSS en un clic.

Ce convertisseur de couleur gratuit affiche une couleur à la fois en HEX, RGB, HSL, HSV et RGBA. Saisissez un code HEX ou un nom de couleur CSS, choisissez avec le sélecteur ou déplacez les curseurs : tous les formats se mettent à jour instantanément et dans les deux sens. Pas de bouton convertir : modifier une valeur (hex en rgb, rgb en hex, hex en hsl, hsl en hex et plus) met à jour le reste en temps réel. Copiez n'importe quel format en un clic, gérez la transparence (rgba, hsla, hex8) et vérifiez le contraste WCAG de votre couleur. Tout est calculé dans votre navigateur ; vos couleurs ne sont jamais envoyées à un serveur.

Comment l'utiliser

Saisissez une couleur de trois façons : tapez un HEX ou un nom de couleur CSS, utilisez le sélecteur, ou déplacez les curseurs teinte/saturation/luminosité/alpha.
Modifiez une valeur et HEX, RGB, HSL, HSV et RGBA se mettent à jour en même temps, sans bouton convertir et dans toutes les directions.
Cliquez sur le bouton copier à côté d'un format pour le copier dans le presse-papiers ; un message « Copié ! » apparaît.
Baissez le curseur alpha pour créer une couleur transparente : l'aperçu affiche un damier pour voir la transparence.
Consultez le panneau de contraste pour le rapport WCAG et la réussite AA/AAA. Sans installation ni inscription : les couleurs sont calculées localement et ne sont pas envoyées.

Formats de couleur pris en charge

HEX (code couleur hexadécimal)

HEX est la façon la plus courante d'écrire les couleurs sur le web, comme #RRGGBB (et la forme courte #RGB). Convertir un hexadécimal en rgb ou hex en hsl prend quelques secondes. Pour la transparence, HEX8 utilise #RRGGBBAA, où la dernière paire est le canal alpha.

RGB / RGBA (rouge, vert, bleu + alpha)

RGB décrit une couleur avec le rouge, le vert et le bleu de 0 à 255, comme rgb(124, 58, 237). RGBA ajoute une quatrième valeur, l'alpha (0–1), pour la transparence, par exemple rgba(124, 58, 237, 0.5). Saisissez les valeurs RGB et le HEX et le HSL se mettent à jour aussitôt (rgb en hex, rgb en hsl).

HSL / HSLA (teinte, saturation, luminosité)

HSL utilise la teinte (0–360°), la saturation (0–100%) et la luminosité (0–100%), ce qui rend intuitif l'ajustement de l'éclat ou de la vivacité d'une couleur. Très utilisé en CSS, HSLA ajoute le canal alpha. Convertir hex en hsl est pratique pour ne retoucher que la luminosité.

HSV (teinte, saturation, valeur)

HSV (aussi appelé TSV/HSB) utilise la teinte, la saturation et la valeur (luminosité). Il est courant dans les outils de design et les sélecteurs de couleur, mais ce n'est pas une notation CSS officielle, nous l'affichons donc comme valeur de référence. Pour le CSS, utilisez HEX, RGB ou HSL.

Fonctionnalités

Affichage simultané et conversion bidirectionnelle

Tous les formats sont affichés ensemble sur un seul écran et modifier l'un d'eux met à jour le reste à l'instant : hex en rgb, rgb en hex, hex en hsl, hsl en hex et toutes les autres directions. Aucun bouton convertir à presser.

Copie en un clic

Chaque format a un bouton copier. Cliquez pour copier la valeur dans le presse-papiers, avec un clair « Copié ! » pour confirmer.

Sélecteur de couleur et curseurs

Utilisez le sélecteur de couleur natif ainsi que les curseurs teinte, saturation, luminosité (ou valeur) et alpha pour choisir des couleurs visuellement et voir tous les formats suivre.

Prise en charge de la transparence (alpha)

Créez des couleurs semi-transparentes et obtenez RGBA, HSLA et HEX8 (#RRGGBBAA). Le curseur alpha va de 0 à 100% et l'aperçu utilise un damier pour montrer la transparence.

Rapport de contraste et vérification WCAG

L'outil calcule le rapport de contraste entre votre couleur et un fond (blanc, noir ou personnalisé) et indique s'il satisfait WCAG AA/AAA (4,5:1 pour le texte normal, 3:1 pour le grand texte). Les résultats sont indiqués par la couleur et le texte, pas seulement la couleur.

Cas d'usage

Transformer un HEX en RGB / HSL pour le CSS

Un HEX issu d'une maquette ? Convertissez-le en rgb() ou hsl() et copiez-le pour votre CSS. Avec HSL, vous pouvez ajuster seulement la luminosité pour les états survol et actif.

Créer des couleurs transparentes (RGBA / HSLA)

Créez une couleur semi-transparente comme rgba(0, 0, 0, 0.5) avec le curseur alpha et copiez-la : parfait pour les superpositions, ombres et fonds subtils.

Vérifier une combinaison de couleurs accessible

Vérifiez que vos couleurs de texte et de fond respectent le contraste WCAG AA pour que votre contenu reste lisible par tous.

Notes et astuces

HEX, RGB, HSL et HSV ne sont que des façons différentes d'écrire la même couleur, elles se convertissent donc entre elles (de minimes écarts d'arrondi peuvent apparaître).
HSV n'est pas une notation CSS officielle : il est affiché à titre de référence. Dans vos feuilles de style, utilisez HEX, RGB ou HSL.
Nous n'affichons pas le CMJN volontairement : une conversion écran-impression exacte dépend des profils de couleur, du papier et de la presse, donc une formule simple donnerait des valeurs trompeuses. Pour l'impression, utilisez une vraie gestion des couleurs.
Le contraste est un repère : la formule WCAG est exacte, mais la lisibilité réelle dépend aussi de la police, de la taille et des couleurs environnantes.
Vos couleurs ne sont jamais envoyées nulle part : toutes les conversions ont lieu localement dans votre navigateur.

Questions fréquentes

Puis-je convertir HEX en RGB (et l'inverse) ?: Oui. Saisissez une valeur et elle se convertit dans toutes les directions à la fois : hex en rgb, rgb en hex, hex en hsl, hsl en hex, plus HSV et RGBA. Pas de bouton convertir ; les autres formats se mettent à jour instantanément.
Prend-il en charge RGBA et HSLA avec transparence ?: Oui. Utilisez le curseur alpha pour régler la transparence et obtenez RGBA, HSLA et HEX8 (#RRGGBBAA). L'aperçu affiche un damier pour voir le niveau de transparence.
Comment copier une valeur ?: Cliquez sur le bouton copier à côté de n'importe quel format. La valeur est copiée dans le presse-papiers et un message « Copié ! » le confirme.
Puis-je utiliser des noms comme red ou rebeccapurple ?: Oui. Les noms de couleur CSS standard sont acceptés en entrée et convertis en HEX, RGB, HSL et HSV ; par exemple, rebeccapurple devient #663399.
Peut-il convertir en CMJN ?: Non, volontairement. Un CMJN exact dépend des profils de couleur, du papier et de la presse, donc une formule simple donnerait des valeurs trompeuses. Pour l'impression, utilisez des outils de gestion des couleurs dédiés.
Comment utiliser le rapport de contraste ?: Il compare la couleur de votre texte à un fond et indique s'il respecte WCAG AA/AAA. Utilisez-le pour confirmer que vos combinaisons de couleurs sont lisibles et accessibles.
Mes couleurs sont-elles envoyées à un serveur ?: Non. Toutes les conversions s'exécutent localement dans votre navigateur. Vos couleurs ne sont jamais envoyées ni stockées.