Convertisseur RGB HEX

Convertissez entre les codes couleur RGB, HEX, HSL et CMYK. Aperçu en direct. Gratuit et instantané.

RGB Input

HEX Input

Format: #RRGGBB or #RGB

RGB
rgb(211, 51, 51)
HEX
#D33333
HSL
hsl(0, 65%, 51%)
CMYK
cmyk(0%, 76%, 76%, 17%)

About RGB to HEX Converter

Convertissez instantanément entre les espaces colorimétriques RGB, HEX, HSL et CMYK. Ajustez les curseurs RGB ou saisissez une valeur hexadécimale — toutes les représentations se mettent à jour en temps réel avec un aperçu en direct.

Quatre espaces colorimétriques

Visualisez votre couleur en RGB, HEX, HSL et CMJN simultanément. Parfait pour les concepteurs web, les graphistes et les développeurs.

Aperçu en direct

Un échantillon de couleur 100x100 se met à jour en temps réel lorsque vous ajustez les curseurs ou saisissez des valeurs. Voyez exactement ce que vous faites.

Curseurs RGB

Ajustez finement les canaux rouge, vert et bleu avec des champs numériques ou des curseurs. Valeurs de 0 à 255 pour chaque canal.

Raccourci HEX

Saisissez n'importe quel code couleur hexadécimal (#RRGGBB ou abréviation #RGB) et voyez instantanément les équivalents RGB, HSL et CMJN.

How It Works

  1. Adjust the RGB sliders — Use the R, G, and B sliders or type values directly to pick a color.
  2. Or enter a HEX code — Type a hex color like #FF6600 or shorthand like #F60.
  3. Watch the preview update — The color swatch changes instantly to match your input.
  4. Read all conversions — RGB, HEX, HSL, and CMYK values are displayed in a clean grid.
  5. Copy any value — Click any color code to copy it to your clipboard for use in your project.

📋 Common Use Cases

Design multi-supports

Convertissez les couleurs d'impression (CMJN) en couleurs d'écran (RVB/Hex) lors de l'adaptation d'actifs de marque du support physique au support numérique.

CSS et développement web

Transformez les couleurs entre les formats hex, RGB et HSL pour une utilisation dans les feuilles de style, les jetons de conception et les bibliothèques de composants.

Cohérence de marque

Assurez la précision des couleurs lors de la traduction des palettes de marque entre différents outils de conception qui exigent des formats de couleur spécifiques.

Tests d'accessibilité

Convertissez les couleurs en formats analysables pour la vérification du contraste et la conformité aux WCAG.

🪜 How to Use This Tool

  1. Saisissez votre couleur source
    Entrez la valeur de la couleur dans le format source — code hex, valeurs RGB, pourcentages CMJN ou paramètres HSL.
  2. Sélectionnez le format cible
    Choisissez le format de sortie souhaité. La plupart des convertisseurs affichent un aperçu en direct de la couleur à côté des valeurs converties.
  3. Visualisez et copiez la couleur convertie
    La couleur convertie apparaît instantanément. Copiez les valeurs individuelles ou la chaîne de sortie complète pour votre projet.
  4. Utilisez-la dans votre projet
    Collez la couleur convertie directement dans votre CSS, votre outil de conception ou votre spécification d'impression. Vérifiez que l'aperçu correspond à vos attentes.

📚 Related Guides

Frequently Asked Questions

Ces convertisseurs sont-ils gratuits ?
Oui. Tous les convertisseurs sont entièrement gratuits. Aucune inscription n'est nécessaire.
Quelle est la précision du convertisseur d'unités ?
Il utilise des facteurs de conversion standard pour la longueur, la masse, la température, la surface, le volume et la vitesse. Les résultats sont précis à 6 décimales.