🎨

convertisseur couleur

Convertissez instantanément des couleurs entre les formats HEX, RGB, HSL et CMYK. Modifiez n’importe quel champ et les autres se mettent à jour automatiquement.

Outils de génération Fonctionne localement Aucune donnée envoyée
HEX RGB HSL CMYK convertisseur WCAG
sélecteur couleur
Formats
HEX
RGB
HSL
CMYK
Texte blanc Texte noir
#FF5733
Nom CSS le plus proche : —
Texte blanc sur cette couleur
—
Texte noir sur cette couleur
—
À propos des formats de couleur
  • HEX —Le plus courant sur le Web / CSS / HTML. Notation hexadécimale compacte à 6 caractères (par ex. #FF5733).
  • RGB —Utilisé dans la programmation orientée écran, CSS et les API canvas. Chaque canal (rouge, vert, bleu) va de 0 à 955.
  • HSL —Teinte, saturation, luminosité. Plus intuitive pour les humains — il est facile d’ajuster la luminosité ou le ton d’une couleur.
  • CMYK —Cyan, magenta, jaune, key (noir). Utilisé en design print et dans les workflows de publication professionnels.
  • Modifiez n’importe quel champ et tous les autres formats se mettent à jour automatiquement. Prend en charge la forme courte (255, 87, 51) et la forme complète (rgb(255, 87, 51)) en saisie.

Qu’est-ce que le convertisseur de couleurs ?

Convertissez instantanément des couleurs entre HEX, RGB, HSL et CMYK. Inclut un sélecteur visuel pour ajuster et copier le format souhaité.

Comment utiliser le convertisseur de couleurs

  1. Saisissez une couleur en HEX, RGB, HSL, HSV ou dans un autre format pris en charge.
  2. Laissez l’outil convertir automatiquement la valeur vers les autres formats de couleur.
  3. Ajustez finement n’importe quel champ jusqu’à ce que le résultat corresponde exactement à votre couleur cible.
  4. Copiez le format dont vous avez besoin pour le CSS, la transmission du design ou les travaux d’impression.

Outils associés

🎨
sélecteur couleur
Convertissez les couleurs entre HEX, RGB, HSL et CMYK
 🎨
générateur palette
Générez des palettes de couleurs complémentaires, analogues et triadiques
 ♿
vérificateur contraste WCAG
Vérifiez les ratios de contraste des couleurs WCAG AA et AAA pour l'accessibilité
Comprendre les formats de couleur ▾
Exemple
Entrée #FF5733
Sortie RGB(255, 87, 51), HSL(11, 100%, 60%), CMYK(0, 66, 80, 0)
Cas d’utilisation courants
  • Convertissez les couleurs des maquettes en valeurs prêtes pour le CSS
  • Convertissez les couleurs RGB ou HSL en HEX pour le code front-end
  • Comparez les valeurs CMYK orientées impression avec les formats de couleur numériques
  • Normalisez les spécifications de couleur avant de transmettre les fichiers de design
Questions fréquentes
Prend-il en charge les fonctions CSS oklch() et lab() ?

Cet outil convertit entre les espaces de couleur traditionnels. Les notations CSS oklch/lab nécessitent un convertisseur de couleur perceptuel dédié.

Quelle est la précision de la conversion CMYK ?

La conversion utilise la formule sRGB →CMYK. Pour la production imprimée, utilisez un outil tenant compte des profils ICC.

À quoi sert le convertisseur couleur en ligne —HEX, RGB, HSL & OKLCH ?

Le convertisseur couleur en ligne —HEX, RGB, HSL & OKLCH fonctionne entièrement dans votre navigateur et vous aide à accomplir cette tâche sans téléverser de données vers un serveur.

Convertisseur couleur en ligne — HEX, RGB, HSL & OKLCH : gratuit ?

Oui. Cet outil est gratuit et ne nécessite aucune inscription.