Convertisseur de Couleurs

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

CSS

background-color: #3B82F6;

À propos de la conversion de couleurs

Convertissez les couleurs entre les formats HEX, RGB, HSL et CMYK. Essentiel pour designers web, développeurs et professionnels de l'impression travaillant avec différents espaces coloriés.

Comment Ça Marche

  1. Entrez une couleur dans n'importe quel format
  2. Voyez les conversions instantanées
  3. Copiez la valeur dont vous avez besoin

Fonctionnalités Clés

  • Conversion HEX, RGB, HSL, CMYK
  • Sélecteur de couleur visuel
  • Aperçu en temps réel
  • Copier les valeurs CSS

Questions Fréquentes

Quelle est la différence entre HEX, RGB, HSL et CMYK ?
HEX et RGB sont des systèmes de couleur pour écran — HEX est simplement une abréviation hexadécimale des valeurs RGB. HSL (Teinte, Saturation, Luminosité) facilite l'ajustement intuitif des couleurs. CMYK est un modèle d'impression. Convertissez CMYK en HEX ou RGB avant de les utiliser sur le web.
Quel format de couleur utiliser en CSS ?
Utilisez HEX pour les couleurs solides dans les feuilles de style statiques — c'est le format le plus concis. Utilisez RGB ou HSL lorsque vous devez ajuster dynamiquement des valeurs en JavaScript ou propriétés CSS. HSL est particulièrement utile pour créer des thèmes de couleurs accessibles.
Puis-je convertir une couleur CMYK de marque pour l'utiliser sur un site web ?
Oui — collez les valeurs CMYK et le convertisseur calcule l'équivalent RGB/HEX le plus proche. Notez que CMYK et RGB utilisent des gamuts différents, donc certaines couleurs d'impression vives peuvent paraître légèrement différentes à l'écran. Vérifiez toujours le résultat visuellement.
Pourquoi HSL est-il utile pour les designers ?
HSL correspond à la façon dont les humains décrivent les couleurs. La Teinte (0–360°) sélectionne la position sur le cercle chromatique, la Saturation (0–100%) contrôle l'intensité, et la Luminosité (0–100%) va du sombre au clair. Rendre une couleur plus claire est simplement augmenter la valeur L.

En savoir plus: Guide des outils développeur