Favoris

Convertisseur de couleurs

Convertissez entre HEX, RGB, HSL

Aperçu de la couleur

Modifiez n'importe quelle valeur ci-dessous pour convertir entre les formats

HEX

RGB

HSL

Valeurs CSS

HEX:#3B82F6
RGB:rgb(59, 130, 246)
HSL:hsl(217, 91%, 60%)

Comment convertir des couleurs ?

Conversion instantanée :

  1. Entrez une couleur dans n'importe quel format Entrez une couleur dans n'importe quel format
  2. Visualisez l'aperçu et tous les formats convertis Visualisez l'aperçu et tous les formats convertis
  3. Copiez la valeur dont vous avez besoin d'un clic Copiez la valeur dont vous avez besoin d'un clic
Formats de couleurs expliqués

HEX (Hexadécimal)

Format le plus utilisé en web. 6 caractères représentant Rouge, Vert, Bleu.

#FF5733 = R:FF G:57 B:33

RGB (Rouge Vert Bleu)

Valeurs de 0 à 255 pour chaque canal. Standard pour écrans et images.

rgb(255, 87, 51)

HSL (Teinte Saturation Luminosité)

Plus intuitif pour ajuster les couleurs. H: 0-360°, S&L: 0-100%.

hsl(9, 100%, 60%)
Fonctionnalités avancées
  • Couleur aléatoire : Générez des couleurs pour l'inspiration
  • Copie rapide : Un clic pour copier dans le format souhaité
  • Aperçu temps réel : Visualisez instantanément vos modifications
  • Valeurs CSS : Formats prêts à coller dans votre code
Applications pratiques
Développement Web
  • Convertir les couleurs de maquettes Figma/Sketch
  • Créer des thèmes CSS avec variables
  • Ajuster les couleurs pour le mode sombre
  • Harmoniser les palettes entre projets
Design & Branding
  • Créer des variations de couleurs de marque
  • Générer des palettes complémentaires
  • Ajuster la luminosité pour l'accessibilité
  • Exporter pour différents formats (print/web)
Accessibilité des couleurs
  • Ratio de contraste minimum 4.5:1 pour le texte normal
  • Ratio de contraste minimum 3:1 pour le texte large
  • Évitez de communiquer uniquement par la couleur
  • Testez avec des simulateurs de daltonisme
Astuces de pro
HSL pour les variations :

Gardez H constant, variez S et L pour créer des nuances cohérentes

60-30-10 règle :

60% couleur dominante, 30% secondaire, 10% accent

Couleurs analogues :

Utilisez des teintes proches sur le cercle chromatique

Test en niveaux de gris :

Vérifiez que le contraste fonctionne sans couleur

Le saviez-vous ?

L'œil humain peut distinguer environ 10 millions de couleurs différentes, mais les écrans standard ne peuvent en afficher que 16,7 millions (True Color). Le format HEX avec ses 16 777 216 combinaisons possibles (#000000 à #FFFFFF) couvre donc plus que ce que nos écrans peuvent réellement afficher !