Convertisseur de couleurs

Collez n'importe quelle couleur CSS et obtenez tous les formats à la fois : HEX, RGB(A), HSL(A), HWB, LAB, LCH, OKLAB, OKLCH et color(). Gère l'alpha et le gamut. Converti dans votre navigateur, jamais envoyé.

Chargement…
Convertisseur de couleurs
Collez HEX, RGB(A), HSL(A), HWB, LAB, LCH, OKLAB, OKLCH, CSS color() ou une couleur CSS nommée et obtenez tous les autres formats à la fois. Gère alpha et gamut, avec URL partageable.

Notes développeur

colorjs.io est le seul parseur/convertisseur : pas de chroma-js, tinycolor2 ni culori. L'alpha multiplie l'alpha propre de la couleur collée, donc un rgba(...) collé conserve son alpha à alphaValue=1 par défaut. HWB et le bloc LAB/LCH/OKLAB/OKLCH/color() ne portent jamais de suffixe alpha. Seuls rgba, hsla, hex8 et color() reflètent alphaValue. Les couleurs hors gamut utilisent l'algorithme de mappage de gamut CSS Color 4 quand gamutFallback est activé ; désactivé, un clip naïf par canal est affiché. La précision arrondit uniquement les canaux LAB/LCH/OKLAB/OKLCH/color(). HEX/RGB/HSL sont fixes par définition.

Options

  • Alpha — Multiplie l'alpha propre de la couleur collée. Recalcule l'alpha de rgba, hsla, hex8 et color() ; hex6 et HSL simple restent inchangés. Par défaut 1 (conserve l'alpha collé).
  • Formats modernes — Affiche ou masque le bloc LAB / LCH / OKLAB / OKLCH / color(). HEX/RGB(A)/HSL(A)/HWB restent toujours visibles. Activé par défaut.
  • Repli de gamut — Affiche un badge visible et une valeur sRGB mappée au gamut pour les entrées à large gamut. Désactivé, seules les valeurs brutes, potentiellement tronquées, sont affichées. Activé par défaut.
  • Précision — Décimales affichées sur les canaux numériques LAB/LCH/OKLAB/OKLCH/color(). Ne s'applique ni à HEX, dont les chiffres sont fixes, ni à RGB/HSL, qui utilisent des entiers et des pourcentages. Par défaut 2.

Outils CSS associés

Hub : Outils couleur & CSS. Vérifiez le contraste avec Vérificateur de contraste WCAG, ou réduisez et formatez vos feuilles de style avec Minifier CSS et Beautifier CSS.

FAQ du convertisseur de couleurs

Convertisseur de couleurs universel et local

Quels formats de couleur puis-je coller ?

HEX, RGB(A), HSL(A), HWB, LAB, LCH, OKLAB, OKLCH, color() CSS (display-p3 inclus) et couleurs CSS nommées. Aucun sélecteur de format n'est nécessaire.

Mes couleurs sont-elles envoyées quelque part ?

Non. L'analyse et la conversion s'exécutent entièrement dans votre navigateur via colorjs.io. FastMinify n'envoie jamais de couleurs à un serveur.

Que se passe-t-il pour les couleurs hors gamut ?

Un badge apparaît. Avec gamutFallback activé, les lignes HEX/RGB/HSL affichent une valeur sRGB mappée selon CSS Color 4. Elle est étiquetée à part de la valeur brute à large gamut du bloc moderne.

L'alpha s'applique-t-il à tous les formats ?

L'alpha se reflète dans rgba, hsla, hex8 et color(). HWB et les canaux LAB/LCH/OKLAB/OKLCH restent sans alpha.

Outils couleur & CSS

Vérification de contraste WCAG en collage local avec syntaxe couleur CSS moderne — vues paire et matrice, jamais envoyé.

Découvrez les autres catégories d'outils