Convertisseur de couleurs
Convertir des couleurs entre HEX, RGB, HSL, HSV et CMJN
Les cinq représentations se mettent à jour en direct lorsque vous saisissez ou choisissez.
Espaces colorimétriques et leurs petites lignes
Tous les formats en un collage
Collez "indigo", "#4f46e5", rgb(79,70,229) ou hsl(245,58%,59%) et obtenez instantanément les cinq représentations — sans retaper une couleur dans chaque mode.
Échantillon en direct avec sélecteur
L'aperçu se met à jour à la saisie ou au glissement du sélecteur de couleur natif, donc ce que vous convertissez est exactement l'échantillon visible.
Copie en un clic
Chaque ligne de format a son propre bouton de copie, et tout fonctionne hors ligne dans votre navigateur — inventorier une palette ne nécessite jamais de téléversement.
Qu'est-ce qu'un convertisseur de couleurs ?
Un convertisseur de couleurs traduit une couleur entre les formats que parlent les outils. Le logiciel de design exporte HEX ou CMJN, un ingénieur frontend a besoin de rgb() ou hsl() pour le CSS, et un outil de données peut vouloir hsv(). Au lieu d'ouvrir un sélecteur cinq fois, collez la valeur que vous avez et voyez instantanément toutes les autres : "#4f46e5" → rgb(79, 70, 229) → hsl(245, 58%, 59%).
Ce qu'il peut faire
- Analyser les entrées hex (#fff, #ffffff, #rrggbbaa) et rgba()
- Calculer les équivalents rgb / hsl / hsv / cmyk pour chaque entrée
- Échantillon d'aperçu qui se met à jour à la saisie ou au choix
- Préserver l'alpha là où il existe (hex à 8 chiffres, rgba)
- Copier chaque format avec son propre bouton
- Sélecteur de couleur natif pour la sélection visuelle
Quand l'utiliser
- Transférer une couleur de marque d'un outil de design vers des variables CSS
- Convertir une valeur CMJN d'impression en hex sûr pour le web
- Obtenir une valeur hsl pour les dégradés CSS et palettes dark mode
- Vérifier comment un autre convertisseur a arrondi une couleur
Confidentialité : la conversion a lieu entièrement dans votre navigateur — rien de ce que vous saisissez n'est jamais téléversé.
HEX, RGB, HSL et ce que signifie réellement le contraste
- Les notations HEX et RGB représentent les mêmes valeurs sRGB, mais sous des formes différentes — leur conversion est purement arithmétique et n’entraîne jamais de décalage chromatique.
- HSL enveloppe le même espace colorimétrique sous la forme d’un cylindre : la teinte tourne, la saturation rayonne, la luminosité augmente. Des pas égaux en HSL ne produisent pas des différences perceptuelles égales — c’est pour cela que des espaces perceptuels comme OKLCH ont été conçus.
- Le contraste WCAG est calculé à partir de la luminance relative après expansion gamma, et non à partir de moyennes brutes des composantes RGB ; le vérificateur ci-dessous utilise la formule officielle 2.1.
Questions fréquentes
Quels formats sont pris en charge ?⌄
Hex (3, 4, 6 ou 8 chiffres — 8 ajoute l'alpha), rgb()/rgba(), hsl()/hsla(), hsv()/hsb() et cmyk(). L'entrée est normalisée automatiquement que vous tapiez #FFF, rgb(255 0 0) ou hsl(0, 100%, 50%).
Les conversions sont-elles exactes ?⌄
Elles correspondent aux formules CSS standard (arrondies aux canaux entiers). Les teintes HSL/HSV sont préservées avec une précision décimale ; CMJN est calculé par conversion conventionnelle arrondie à un décimal de pourcentage.
Ma couleur est-elle envoyée quelque part ?⌄
Non. Tout s'exécute dans votre navigateur en JavaScript pur — rien n'est transmis ni stocké.