Outils Développeur
Verified Tool

Color Converter

Convert colors between HEX, RGB, and HSL

Last Updated: March 2, 2026
avatarBy Viblaa Team

HEX/RGB/HSL conversion

Live color preview

Copy all formats

Real-time updates

Le designer envoie une couleur en HEX : #3498DB. Votre outil de design utilise RGB. Le fichier d'impression nécessite CMYK. Le framework CSS veut HSL. Comment traduire entre tous ces formats ?

Ce convertisseur traduit instantanément les couleurs entre HEX, RGB, HSL, CMYK et autres formats. Entrez n'importe quel format, obtenez tous les autres.

Qu'est-ce que la Conversion de Couleur ?

Les couleurs peuvent être représentées de différentes manières selon le contexte. Le web utilise HEX et RGB. Le design utilise HSL pour des ajustements intuitifs. L'impression utilise CMYK. Tous décrivent la même couleur différemment.

Formats courants :

HEX : #3498DB (web, CSS)
RGB : rgb(52, 152, 219) (écran, code)
HSL : hsl(204, 70%, 53%) (design, ajustements)
CMYK : cmyk(76%, 31%, 0%, 14%) (impression)
HSL pour les Ajustements Intuitifs

HSL (Teinte, Saturation, Luminosité) permet d'éclaircir/assombrir ou de désaturer facilement sans changer la teinte de base.

Pourquoi les Gens ont Besoin de cet Outil

Différents Contextes, Différents Formats

Les développeurs web utilisent HEX. Les designers utilisent HSL. Les imprimeurs utilisent CMYK. Vous devez communiquer entre tous.

  1. Développement web — Convertir entre HEX et RGB pour CSS.

  2. Design — Ajuster les couleurs en HSL puis exporter en HEX.

  3. Préparation impression — Convertir les couleurs écran en CMYK.

  4. Identité de marque — Documenter les couleurs dans tous les formats.

  5. Accessibilité — Calculer les ratios de contraste entre couleurs.

  6. Palettes — Créer des variations harmonieuses.

  7. Communication — Partager les spécifications couleur précises.

Comment Utiliser le Convertisseur de Couleur

  1. Entrez une couleur — Dans n'importe quel format supporté.

  2. Visualisez — Aperçu de la couleur en direct.

  3. Obtenez tous les formats — HEX, RGB, HSL, CMYK et plus.

  4. Copiez — Le format dont vous avez besoin.

FormatUtilisationExemple
HEXCSS, web#3498DB
RGBÉcrans, programmationrgb(52, 152, 219)
HSLDesign, ajustementshsl(204, 70%, 53%)
CMYKImpressioncmyk(76%, 31%, 0%, 14%)
HSVSélecteurs couleurhsv(204, 76%, 86%)
CMYK N'est Pas Exactement Convertible

RGB/HEX sont des couleurs écran. CMYK est pour l'impression. La conversion est approximative — les couleurs peuvent varier à l'impression.

Cas d'Utilisation Concrets

1. La Couleur de Marque

Contexte : Documenter la palette de couleurs d'une marque.

Problème : A besoin de la même couleur en formats web et print.

Solution : Entrer le HEX de marque, obtenir tous les équivalents.

Résultat : Guide de style avec tous les formats couleur.

2. L'Ajustement de Teinte

Contexte : Créer une version plus claire d'une couleur existante.

Problème : Difficile de faire en RGB sans changer la teinte.

Solution : Convertir en HSL, augmenter la luminosité, reconvertir.

Résultat : Variation harmonieuse de la couleur originale.

3. La Préparation Print

Contexte : Préparer un design web pour impression.

Problème : Le fichier utilise des couleurs HEX, l'imprimeur veut CMYK.

Solution : Convertir toutes les couleurs HEX en CMYK.

Résultat : Fichier prêt pour l'impression professionnelle.

Erreurs Courantes et Comment les Éviter

Ignorer l'Espace Colorimétrique
❌ The Mistake
Utiliser directement une couleur RGB pour l'impression sans conversion CMYK.
âś… The Fix
Toujours convertir en CMYK pour l'impression. Les couleurs écran ne se reproduisent pas exactement.
Oublier le #
❌ The Mistake
Écrire 3498DB au lieu de #3498DB dans le CSS.
âś… The Fix
Le format HEX CSS nécessite le préfixe #. Sans lui, c'est invalide.
Mélanger les Pourcentages
❌ The Mistake
Confondre HSL (pourcentages) avec RGB (valeurs 0-255).
âś… The Fix
HSL utilise 0-360 pour la teinte, puis des pourcentages. RGB utilise 0-255 pour chaque canal.

Confidentialité et Gestion des Données

Ce convertisseur fonctionne entièrement dans votre navigateur.

  • Aucune couleur n'est envoyĂ©e Ă  un serveur.
  • Aucune donnĂ©e n'est stockĂ©e.
  • Aucun compte requis.
  • Fonctionne complètement hors ligne.

Vos couleurs restent privées.

Conclusion

Les couleurs parlent différentes langues selon le contexte. Ce convertisseur traduit instantanément entre tous les formats courants, facilitant le travail entre design, web et impression.

Entrez une couleur, obtenez tous les formats.

Foire Aux Questions