01
Identifier la syntaxe
HEX court ou long, rgb(), hsl(), hsv(), cmyk(), lab() et oklch() sont acceptés. Une valeur invalide laisse l’ancien échantillon à l’écran, mais bloque la copie.
Outils de couleur
Convertisseur de couleurs— une couleur, sept écritures
Saisissez HEX, RGB, HSL, HSV, CMJN, Lab ou OKLCH pour afficher les autres écritures.
convertisseur de couleurs
Votre couleur reste dans cet onglet : aucun envoi ni historique.
HEX
#3B82F6RGB
rgb(59 130 246)HSL
hsl(217.2 91.2% 59.8%)HSV
hsv(217.2, 76%, 96.5%)CMJN
cmyk(76%, 47.2%, 0%, 3.5%)Lab
lab(54.619% 8.771 -65.783)OKLCH
oklch(62.308% 0.188 259.81)Dans la gamme sRGB.
sRGB et OKLCH utilisent D65, CSS Lab utilise D50. CMJN est une estimation sans profil ICC.
Transparence
Les sept valeurs sont à jour.
Un jeton HEX issu d’une maquette doit parfois devenir une valeur OKLCH, tandis qu’un document d’impression demande du CMJN. Le convertisseur de couleurs aide à voir ce qui reste identique à l’écran.
HEX en RGB, RGB en HSL, conversion OKLCH ou conversion CMJN : ce convertisseur de couleurs rapproche les chiffres d’un échantillon visible et signale les approximations.
Pourquoi utiliser ce convertisseur de couleurs
Ne confondez pas la source et son rendu
Repérer une couleur hors gamut
Lab et OKLCH décrivent des couleurs absentes de sRGB. Le convertisseur de couleurs garde la valeur saisie et réduit la chroma OKLCH pour l’aperçu et le HEX. Le résultat adapté est marqué.
Voir la transparence sur damier
Un HEX à quatre ou huit chiffres peut porter l’alpha. Le damier rend la transparence visible ; les écritures CSS le gardent, mais pas l’estimation CMJN.
Trois vérifications utiles
02
Lire alpha et gamut séparément
Le curseur alpha agit sur l’opacité. Pour un OKLCH hors sRGB, comparez la valeur d’origine au HEX adapté.
03
Attendre le résultat à jour
La conversion automatique attend 350 ms après une modification. Désactivez-la pour utiliser Ctrl/Cmd+Entrée en mode manuel.
Sept notations pour des usages distincts
CSS et écran
HEX, RGB et HSL décrivent le rendu sRGB. HSV emploie la valeur de luminosité familière des logiciels graphiques.
Coordonnées perceptives
CSS Lab part du blanc D50 ; OKLCH du blanc D65. Hors sRGB, les coordonnées d’origine restent séparées de l’aperçu.
Repère pour l’impression
CMJN vient d’une formule appliquée au sRGB, sans papier, encres ni profil ICC de presse. Il sert à comparer, pas à valider un tirage.
Limites à connaître
- L’adaptation sRGB est approximative
- Un Lab ou OKLCH hors gamut n’a pas de HEX exact. La chroma est diminuée pour l’aperçu, tandis que la valeur d’origine reste visible.
- Le CMJN ne vaut pas un bon à tirer
- Sans profil ICC ni réglage du noir, les quatre pourcentages ne définissent pas les séparations d’une presse.
- hsv() et cmyk() sont des notations de l’outil
- Elles servent au calcul ici ; pour le CSS, copiez HEX, rgb(), hsl(), lab() ou oklch().
- Une seule couleur à la fois
- Pas d’extraction depuis une image, de palette, de mesure de contraste, d’enregistrement ni d’URL de partage.
Questions sur le convertisseur de couleurs
Quels formats de couleur ce convertisseur produit-il ?
Il produit simultanément HEX, RGB, HSL, HSV, CMJN, Lab et OKLCH pour une seule couleur.
Qu’est-ce que l’OKLCH et pourquoi convertir vers lui ?
OKLCH décrit clarté, chroma et teinte selon une échelle perceptive ; il aide à ajuster les couleurs d’une palette.
Comment ajouter de la transparence ?
Utilisez l’alpha du HEX à quatre ou huit chiffres, une syntaxe CSS avec barre oblique, ou le curseur dédié.
Hex et RGB, est-ce la même chose ?
Oui pour une couleur sRGB : les trois mêmes canaux sont simplement écrits en hexadécimal ou en décimal.
Mes données sont-elles transmises ?
Non. La conversion est calculée dans l’onglet du navigateur, sans envoi des valeurs saisies.
Une autre question sur les couleurs ?
Essayez le convertisseur de couleurs
Vérifiez le gamut puis copiez l’écriture CSS adaptée à votre usage.