Outil Design
Convertisseur de Couleurs
Convertissez HEX ↔ RGB, HSL, HSV, CMJN en temps réel. Palettes harmoniques, contraste WCAG, export CSS et Tailwind.
HEX · RGB · HSL · HSV · CMYK
WCAG Contraste
CSS · Tailwind
Formats
HEX
RGB
RGBA
HSL
HSV
CMYK
CSS
HEX8
RGB Curseurs
HSL Curseurs
Alpha / Opacité
Historique
#7F00FF
WCAG Contraste
Aa
Aa
Harmonies
Dégradé
Export CSS / Tailwind
CSS Variables + Tailwind
Formats de couleur en CSS
HEX
Format hexadécimal sur 6 chiffres (RRGGBB) ou 8 chiffres (RRGGBBAA). Le plus utilisé en CSS et design. Ex : #FF6600
HSL
Teinte (0–360°), Saturation (0–100%), Luminosité (0–100%). Plus intuitif pour créer des variations de couleur. Natif en CSS3.
CMYK
Cyan, Magenta, Jaune, Noir — modèle soustractif utilisé en imprimerie. Non supporté nativement en CSS, mais essentiel pour la préparation print.
WCAG
Le rapport de contraste WCAG 2.1 détermine l'accessibilité : AA requiert 4.5:1 (texte normal), AAA requiert 7:1. Indispensable pour l'accessibilité web.
FAQ
Divisez le code hex en 3 paires (RR, GG, BB) et convertissez chaque paire de hexadécimal en décimal. Ex : #FF6600 → R=255 (FF), G=102 (66), B=0 (00). Cet outil le fait automatiquement.
HSL (Luminosité) définit le blanc à L=100% et le noir à L=0%. HSV/HSB (Valeur/Luminosité) définit le blanc à V=100% + S=0% et le noir à V=0%. HSL est préféré en CSS, HSV est utilisé dans les logiciels de design comme Photoshop.
Le WCAG (Web Content Accessibility Guidelines) définit des niveaux de contraste minimum entre texte et fond. Niveau AA (minimum) : 4.5:1 pour le texte normal, 3:1 pour le grand texte. Niveau AAA (optimal) : 7:1 pour le texte normal.