Convertisseur de Couleurs

Convertissez entre différents formats de couleurs et analysez les propriétés des couleurs avec cet outil complet.

HEX
RGB
HSL
HWB
CMYK
LCH
Mots-clés CSS
Conversion de Format

Convertissez les couleurs entre plusieurs formats instantanément avec une précision parfaite

Analyse de Couleur

Analysez la teinte, la luminosité, la luminance et d'autres propriétés des couleurs

Vérification d'Accessibilité

Vérifiez les ratios de contraste et la conformité WCAG pour une meilleure accessibilité

Entrez un code couleur, utilisez le sélecteur de couleur, ou cliquez sur "Aléatoire" pour générer une couleur. Vous verrez instantanément les conversions vers tous les formats principaux, une analyse détaillée de la couleur, et des informations d'accessibilité.

Cliquez👉

Analyse

VALEUR CSS VALIDE ?
Oui
FORMAT
HEX
TEINTE (0-359)
212 deg
LUMINOSITÉ
32% Sombre
LUMINANCE
10%
CONTRASTE SUR BLANC
6.81:1
AA

Conversion

HEX
RGB
HSL
HWB
CMYK
LCH
MOT-CLÉ CSS

Questions Fréquemment Posées

Quels formats de couleurs sont pris en charge ?

Cet outil prend en charge les formats de couleurs les plus courants, notamment :

  • Hexadécimal (HEX) : #RRGGBB ou #RGB
  • RGB : rgb(R, G, B)
  • HSL : hsl(H, S%, L%)
  • HWB : hwb(H W% B%)
  • CMYK : device-cmyk(C% M% Y% K%)
  • LCH : lch(L% C H)
  • Mots-clés CSS : red, blue, etc.
Qu'est-ce que le contraste de couleur et pourquoi est-il important ?

Le contraste de couleur est la différence de luminance entre deux couleurs. Il est important pour l'accessibilité car un contraste suffisant garantit que le texte est lisible pour tous les utilisateurs, y compris ceux ayant des déficiences visuelles. Les directives WCAG recommandent un ratio de contraste d'au moins 4,5:1 pour le texte normal et 3:1 pour le texte large.

Quelle est la différence entre HSL, HWB et d'autres modèles de couleurs ?

Différents modèles de couleurs représentent les couleurs de différentes manières :

  • RGB définit la couleur en mélangeant la lumière rouge, verte et bleue.
  • HSL (Teinte, Saturation, Luminosité) est plus intuitif car il sépare la couleur (teinte) de son intensité (saturation) et de sa luminosité.
  • HWB (Teinte, Blancheur, Noirceur) est similaire à HSL mais utilise un mélange de blanc et de noir.
  • CMYK est utilisé en impression et définit les couleurs par des mélanges d'encres cyan, magenta, jaune et noire.
  • LCH (Luminosité, Chroma, Teinte) est conçu pour être perceptuellement uniforme, ce qui signifie que la différence visuelle entre les couleurs correspond à leur différence numérique.