Convertisseur de couleurs
Convertissez entre HEX, RGB, HSL
Comment utiliser Convertisseur de couleurs
Convertissez entre HEX, RGB, HSL Outil gratuit en ligne, sans inscription, sans publicités intrusives. Utilisez maintenant.
À quoi sert un convertisseur de couleurs ?
Les couleurs en design numérique existent dans plusieurs formats, chacun adapté à des contextes différents. Convertir entre eux est une tâche quotidienne pour les webdesigners, les développeurs front-end et les graphistes travaillant avec différents outils et plateformes.
- Développement CSS : Les outils de design exportent les couleurs en HEX (#7B35F5), mais le CSS accepte aussi RGB (rgb(123,53,245)) et HSL (hsl(264,91%,58%)). Convertissez entre eux pour correspondre à votre syntaxe CSS préférée et maintenir la cohérence du code.
- Cohérence de marque : Une couleur de marque définie en Pantone doit être exprimée en HEX pour le web, CMJN pour l'impression et RVB pour les écrans — chacun nécessite une conversion précise pour garantir que la couleur soit identique sur tous les supports.
- Accessibilité : HSL facilite l'ajustement de la luminosité tout en gardant la teinte constante — utile pour créer des variations de couleur accessibles avec un contraste suffisant, respectant les normes RGAA françaises.
- Handoff design-code : Figma et Adobe XD exportent en HEX ; certains développeurs préfèrent HSL pour son modèle teinte/saturation/luminosité intuitif. Convertissez facilement lors de l'implémentation.
- Préparation pour l'impression : Les couleurs d'écran (RVB) doivent être converties en CMJN pour l'impression. RVB a une gamme plus large que CMJN — certaines couleurs vives à l'écran ne peuvent pas être fidèlement reproduites en impression physique.
Résumé des formats : HEX (#RRGGBB) est concis et universel pour le web. RGB/RVB (0-255 par canal) est le format natif des écrans. HSL/TSL (teinte 0-360°, saturation 0-100%, luminosité 0-100%) est le plus intuitif pour l'humain. CMJN/CMYK (0-100% par canal) est pour l'impression professionnelle.
Frequently Asked Questions
Quelle est la différence entre RGB et RGBA ?
RGBA ajoute un canal alpha (transparence) à RGB : rgba(123,53,245,0.5) est du violet à 50% de transparence. La valeur alpha va de 0 (totalement transparent) à 1 (totalement opaque). De même, HSLA ajoute alpha à HSL. HEX supporte la notation 8 chiffres pour l'alpha : #7B35F580 (où 80 en hexadécimal = 50% d'opacité).
Pourquoi RGB et CMJN représentent-ils des gammes de couleurs différentes ?
RGB est additif — mélanger la lumière rouge, verte et bleue produit du blanc (utilisé pour les écrans). CMJN est soustractif — mélanger les encres cyan, magenta, jaune et noir absorbe la lumière pour produire des couleurs (utilisé pour l'impression). RGB peut représenter des couleurs plus vives que ce que CMJN peut reproduire en impression — les couleurs néon flamboyantes à l'écran apparaissent souvent plus ternes imprimées.
Qu'est-ce que HSL et pourquoi est-ce utile ?
HSL (Teinte, Saturation, Luminosité) est conçu pour être intuitif. La teinte est la couleur (0°=rouge, 120°=vert, 240°=bleu). La saturation est l'intensité (0%=gris, 100%=vif). La luminosité est la brillance (0%=noir, 50%=couleur pure, 100%=blanc). Pour éclaircir ou assombrir une couleur sans changer sa teinte, changez simplement la valeur L.
Comment convertir HEX en RGB manuellement ?
Divisez le HEX à 6 chiffres en trois paires et convertissez chacune de base 16 en base 10. #7B35F5 : 7B=123 (rouge), 35=53 (vert), F5=245 (bleu) → rgb(123,53,245). Les convertisseurs en ligne font cela instantanément, mais comprendre la conversion aide à lire les valeurs HEX directement dans le code.
Que sont les profils de couleur (sRVB, Adobe RGB, Display P3) ?
Les profils de couleur définissent la gamme de couleurs qu'un appareil peut afficher. sRVB est le standard pour le web et la plupart des moniteurs. Adobe RGB couvre environ 50% de plus du spectre visible — utilisé en photographie professionnelle. Display P3 (utilisé dans les appareils Apple) couvre environ 25% de plus que sRVB. Les images en Adobe RGB paraissent délavées sur les écrans sRVB si elles ne sont pas converties correctement.
Convertisseur de couleurs vs sélecteur de couleur vs générateur de palette
Un convertisseur de couleurs traduit une valeur de couleur existante entre les formats. Un sélecteur de couleur (DevTools du navigateur, sélecteur de couleur de l'OS) permet de sélectionner visuellement une couleur et exporte sa valeur. Un générateur de palette crée des combinaisons de couleurs harmonieuses à partir d'une couleur de base en utilisant les règles de la théorie des couleurs. Un vérificateur de contraste vérifie si une combinaison de couleurs répond aux normes d'accessibilité WCAG et RGAA. Ces outils se complètent mutuellement dans le flux de travail d'un designer.