Convertisseur de couleurs — HEX, RGB, HSL, CMYK

Ce que fait ce convertisseur de couleurs

Ce convertisseur de couleurs vous permet de passer instantanément d'un code HEX à RGB, de RGB à HSL, ou encore d'effectuer une conversion RGB CMYK — le tout sans quitter votre navigateur. Collez une valeur comme #1e90ff, rgb(30,144,255) ou hsl(210,100%,56%) et obtenez immédiatement les équivalents dans chaque format, accompagnés d'un aperçu coloré. Cette version française intègre également un sélecteur de couleur natif pour échantillonner directement depuis votre écran. 100 % dans le navigateur — vos données ne quittent jamais votre machine. Pas d'upload, pas de tracking, pas de logs serveur. Si vous travaillez aussi avec des données encodées, notre [encodeur et décodeur Base64](/fr/base64/) peut compléter votre flux de travail.

Fonctionnalités

Conversion HEX ↔ RGB. Traduisez n'importe quel code hexadécimal en triplet RGB et inversement. Accepte les formes courtes (#fff) comme longues (#ffffff).
Conversion RGB ↔ HSL. Passez de RGB à HSL pour ajuster la teinte, la saturation et la luminosité avec précision — idéal pour créer des palettes accessibles.
Aperçu CMYK (écran). Obtenez une approximation CMYK à partir de votre couleur RGB. L'outil indique clairement que le CMYK affiché à l'écran reste une estimation : une conversion fidèle pour l'impression requiert un profil ICC et dépend de l'encre et du papier.
Sélecteur de couleur natif. Utilisez le sélecteur intégré du navigateur pour échantillonner une couleur depuis votre écran ou votre palette, sans installation d'extension.
Zéro dépendance externe. Toutes les conversions reposent sur des formules mathématiques pures — pas de bibliothèque tierce, pas de requête réseau. Résultats reproductibles et code léger.
Copie en un clic. Copiez la valeur de chaque format directement dans le presse-papiers pour la coller dans votre CSS, votre Figma ou votre éditeur de code.

Comment utiliser le convertisseur de couleurs

Saisissez ou collez une valeur de couleur dans le champ de saisie, ou utilisez le sélecteur visuel. Les conversions s'affichent immédiatement.

Entrez votre couleur. Collez un code HEX comme #1e90ff, une valeur RGB comme rgb(30,144,255), ou une valeur HSL comme hsl(210,100%,56%) dans le champ de saisie.
Consultez les équivalents. Les formats HEX, RGB, HSL et CMYK (approximatif) s'affichent instantanément, accompagnés d'un aperçu coloré.
Utilisez le sélecteur visuel. Cliquez sur le sélecteur de couleur pour choisir une teinte à la main ou échantillonner depuis votre interface système.
Copiez le format souhaité. Cliquez sur « Copier » à côté du format dont vous avez besoin pour le transférer directement dans votre CSS ou votre outil de design.

Cas d'usage courants

Traduction des couleurs de marque pour l'impression. Un studio graphique à Genève reçoit une charte en HEX ; il doit fournir des valeurs CMYK à l'imprimeur. L'outil génère une approximation de départ, avec un rappel explicite qu'un profil ICC est nécessaire pour une fidélité couleur garantie.
Conception d'interfaces accessibles. Les développeurs front-end utilisent le mode HSL pour ajuster la luminosité d'une couleur et vérifier les contrastes sans sortir de leur environnement de travail.
Inspection rapide depuis une capture d'écran. Vous repérez une couleur dans un design existant et souhaitez connaître son code HEX ou RGB exact. Le sélecteur natif vous donne la réponse en quelques secondes.
Génération de variables CSS depuis une palette. Convertissez chaque couleur d'un fichier de palette Figma en valeurs HSL pour créer des variables CSS cohérentes, facilitant les thèmes clair/sombre.
Vérification des valeurs CMYK avant envoi à l'impression. Une agence à Marseille valide que ses tons corporate sont cohérents entre l'écran et le brief envoyé à l'imprimeur, en utilisant la conversion RGB CMYK comme point de contrôle préliminaire.

Questions fréquentes

Mes couleurs sont-elles envoyées à un serveur ?

Non. Toutes les conversions s'effectuent entièrement dans votre navigateur, via du JavaScript côté client. Aucune valeur ne transite par un serveur, aucun log n'est enregistré. Vous pouvez utiliser l'outil hors ligne une fois la page chargée.

Pourquoi le CMYK affiché diffère-t-il des valeurs de mon logiciel de PAO ?

Le CMYK à l'écran est une approximation mathématique basée sur le modèle RGB de votre moniteur. Un vrai flux d'impression requiert un profil ICC qui tient compte du gamut de l'encre et du support. Utilisez la valeur obtenue ici comme point de départ, puis affinez dans Illustrator ou InDesign avec un profil colorimétrique certifié.

Quelle est la différence entre un code HEX et une valeur RGB ?

Un code HEX comme #1e90ff est simplement la notation hexadécimale de trois canaux RGB (rouge, vert, bleu), chacun compris entre 0 et 255. #1e vaut 30, #90 vaut 144 et #ff vaut 255 — soit rgb(30,144,255). Les deux formats décrivent la même couleur ; HEX est préféré en CSS pour sa concision.

Pourquoi utiliser HSL plutôt que RGB pour choisir une couleur ?

HSL (teinte, saturation, luminosité) est plus intuitif pour les ajustements visuels. Modifier uniquement la luminosité d'une teinte sans toucher sa saturation est trivial en HSL, là où cela demande des calculs complexes en RGB. Notez que la teinte est exprimée en degrés (0–360) et non en pourcentage — une confusion fréquente avec les API graphiques qui utilisent des valeurs normalisées entre 0.0 et 1.0.

Comment convertir un HEX en RGB pour une API JavaScript ?

De nombreuses API graphiques attendent des valeurs RGB normalisées entre 0.0 et 1.0, pas entre 0 et 255. Après conversion HEX → RGB ici, divisez chaque composante par 255. Par exemple, rgb(30,144,255) devient (0.118, 0.565, 1.0). Si vous manipulez aussi des identifiants uniques, le [générateur UUID](/fr/uuid-generator/) peut générer des clés sans dépendance externe. Pour les encodages de données annexes, voir aussi notre [Convertisseur de Base Numérique](/fr/number-base-converter/).

Pourquoi la conversion HEX → HSL → HEX donne-t-elle parfois un résultat légèrement différent ?

Les valeurs HSL intermédiaires sont des nombres décimaux (ex. : teinte 209,97°) qui sont arrondis à l'entier le plus proche lors de l'affichage. Ce décalage d'1 à 2 points est inhérent à la représentation entière et n'affecte pas la perception visuelle de la couleur. C'est un comportement normal, documenté dans les spécifications CSS, et non un bug de l'outil.