Convertisseur de Couleurs

Convertissez les couleurs entre HEX, RGB, HSL, HSV et CMYK.

Entrer couleur

Sélecteur

Format de couleur invalide.

Vous aimerez aussi

Générateur QR Code Hex vers Décimal Formateur JSON

Que sont les espaces colorimétriques ?

Un espace colorimétrique est une façon de décrire les couleurs avec des nombres. Tout comme vous pouvez décrire un lieu avec des coordonnées GPS, vous pouvez décrire n'importe quelle couleur avec les bons nombres.

Différents espaces colorimétriques existent car différents appareils et cas d'usage nécessitent différentes approches :

Votre moniteur utilise RGB (lumière Rouge, Verte, Bleue)
Les imprimantes utilisent CMJN (encre Cyan, Magenta, Jaune, Noir)
Les designers préfèrent souvent HSL (Teinte, Saturation, Luminosité)
Les développeurs web utilisent les codes HEX (#FF5733)

Comprendre la conversion des couleurs vous aide à maintenir des couleurs cohérentes sur les écrans, l'impression et différents logiciels.

RGB : Le langage des écrans

RGB mélange la lumière rouge, verte et bleue pour créer des couleurs. Chaque canal va de 0 à 255.

Rouge: (255, 0, 0)     → Rouge pur
Vert:  (0, 255, 0)     → Vert pur
Bleu:  (0, 0, 255)     → Bleu pur
Blanc: (255, 255, 255) → Toutes les couleurs au max
Noir:  (0, 0, 0)       → Pas de lumière

Pourquoi 255 ? Chaque canal utilise 8 bits (2^8 = 256 valeurs, de 0 à 255). Cela nous donne 16,7 millions de couleurs possibles !

Astuce rapide : Des valeurs RGB égales créent des gris. (128, 128, 128) est un gris moyen.

HEX : RGB déguisé

Les codes HEX sont juste des valeurs RGB écrites en hexadécimal (base 16).

#FF5733
 ││││││
 ││││└┴── Bleu: 33 (hex) = 51 (décimal)
 ││└┴──── Vert: 57 (hex) = 87 (décimal)
 └┴────── Rouge: FF (hex) = 255 (décimal)

Notation abrégée :

#FF5733 → Forme complète
#F53 → Abrégée (chaque chiffre doublé)

HSL : Le choix des designers

HSL décrit la couleur de manière plus intuitive :

Hue (Teinte) : La couleur elle-même (0-360° sur la roue chromatique)
Saturation : Intensité de la couleur (0-100%)
Lightness (Luminosité) : Clarté de la couleur (0-100%)

Pourquoi les designers adorent HSL :

Voulez une teinte plus claire ? Augmentez juste la luminosité
Voulez une version atténuée ? Diminuez la saturation
Voulez une autre couleur ? Faites tourner la teinte

Rappel accessibilité : Vérifiez toujours les ratios de contraste ! Le texte devrait avoir au moins 4,5:1 de contraste avec l'arrière-plan pour la conformité WCAG AA.

CMJN : Pour l'impression

CMJN utilise le mélange soustractif des couleurs (l'encre absorbe la lumière) :

Cyan
Magenta
Jaune
Noir (Key)

RGB → CMJN est avec perte !
Certaines couleurs vives d'écran ne peuvent pas être imprimées.

Conseils impression :

Si la sortie finale est imprimée, concevez en CMJN
Convertissez tôt RGB en CMJN pour voir les "vraies" couleurs imprimées

Conseils pro

🎯 Pour le développement web :

Utilisez les propriétés personnalisées CSS pour les thèmes de couleur
Testez les couleurs en modes clair et sombre
Considérez les utilisateurs daltoniens (8% des hommes !)

🎨 Pour le design :

Construisez des palettes avec saturation/luminosité cohérentes
Utilisez HSL pour créer des variations de couleur
Limitez votre palette (3-5 couleurs principales)