tools / developer
Convertisseur de couleurs
Convertissez entre HEX, RGB, HSL et HSV.
contraste sur blanc : 3.68:1 ✗ échoue AA
contraste sur noir : 5.71:1 ✓ AA
HEX#3B82F6
RGBrgb(59, 130, 246)
RGBArgba(59, 130, 246, 1)
HSLhsl(217, 91%, 60%)
HSVhsv(217, 76%, 96%)
CSScolor: #3B82F6;
FAQ
- Quelle est la différence entre HSL et HSV ?
- HSL (Teinte, Saturation, Luminosité) est utilisé en CSS. HSV (Teinte, Saturation, Valeur/Luminosité) est utilisé dans les outils de conception comme Figma et Photoshop. Le blanc pur est HSL(0, 0 %, 100 %) vs HSV(0, 0 %, 100 %). Le rouge pur est HSL(0, 100 %, 50 %) vs HSV(0, 100 %, 100 %).
- Que signifie le contraste WCAG ?
- La conformité AA exige un ratio de contraste d'au moins 4,5:1 pour le texte normal. Un contraste plus élevé signifie une meilleure lisibilité pour les utilisateurs ayant des déficiences visuelles.
À PROPOS DE CET OUTIL
Enter a color in HEX, RGB, HSL, or HSV and instantly see the equivalent values in all other formats. Useful when moving colors between design tools and code, or when a CSS property requires a format different from what you have.
GUIDES ASSOCIÉS
Les codes couleur expliqués
Ce que signifient les codes couleur HEX, RGB et HSL, comment convertir entre eux et quand utiliser chaque format.