Online Tools Center
  • Accueil
  • Outils
  • Convertisseurs
Online Tools Center

Free online calculators for math, finance, fitness, and more.

Liens Rapides

  • Math Calculators
  • Outils
  • Convertisseurs
  • À propos
  • Contact

Légal

  • Politique de Confidentialité
  • Conditions d'Utilisation

© 2026 Online Tools Center. Tous droits réservés.

Convertisseur de couleurs

Saisissez une couleur dans n'importe quel format et obtenez instantanément toutes les conversions — RGB, Hex, HSL, HWB, CMYK et NCol.

Saisissez une couleur valide pour afficher l'aperçu et toutes les conversions.

Qu'est-ce qu'un convertisseur de couleurs ?

Un convertisseur de couleurs traduit une même couleur entre les différents systèmes d'encodage utilisés en design web, en imprimerie et en art numérique. Les designers et illustrateurs français travaillent fréquemment avec des palettes inspirées de l'impressionnisme — les bleus de Monet à Giverny, les jaunes de tournesol de Van Gogh, les mauves de la lavande provençale — qu'ils doivent exprimer aussi bien en Hex pour le web qu'en CMYK pour l'édition.

Cet outil prend en charge six formats : RGB, Hex, HSL, HWB, CMYK et Couleur naturelle (NCol). Il identifie également le nom CSS le plus proche lorsque la correspondance est suffisamment précise.

Les modèles de couleurs en un coup d'œil

RGB

Modèle additif utilisé sur les écrans. Chaque canal varie de 0 à 255. La combinaison à intensité maximale donne le blanc.

Hex

Encodage hexadécimal de RGB, largement utilisé en CSS. Exemple : #0055a4 (le bleu du drapeau français).

HSL

Décrit la couleur par angle de teinte (0–360°), saturation et luminosité. Naturel pour la perception humaine.

HWB

Alternative à HSL utilisant la teinte, la blancheur et la noirceur. Idéal pour obtenir des teintes et des ombres.

CMYK

Modèle soustractif pour l'impression : cyan, magenta, jaune et noir.

Couleur naturelle (NCol)

Couleur naturelle W3C : teinte en lettre + décalage %, blancheur et noirceur.

Exemples de couleurs françaises emblématiques

Bleu tricolore (#0055a4)

Le bleu du drapeau français (RGB 0, 85, 164). Intense et institutionnel, avec un CMYK d'environ 100% C, 48% M, 0% Y, 36% K. Présent dans tous les logos d'organismes publics français.

Rouge tricolore (#ef4135)

Le rouge vif du drapeau français (RGB 239, 65, 53). En HSL approximativement 3°, 85%, 57%. Rappelle les affiches Art nouveau du tournant du XXe siècle.

Mauve lavande (#7b5ea7)

Inspiré des champs de lavande de Provence (RGB 123, 94, 167). En HSL 269°, 30%, 51%. Couleur phare du tourisme provençal et de nombreuses marques de cosmétiques français.

Or versaillais (#d4af37)

L'or des ors du château de Versailles (RGB 212, 175, 55). En CMYK environ 0% C, 17% M, 74% Y, 17% K. Synonyme de luxe à la française dans le branding haut de gamme.

Comment ça fonctionne

  1. 1

    Choisissez le format d'entrée correspondant au code de couleur que vous possédez.

  2. 2

    Saisissez les valeurs. Les résultats se mettent à jour instantanément, sans bouton.

  3. 3

    Le convertisseur normalise toutes les entrées en triplet RGB, pivot universel des calculs.

  4. 4

    À partir de ce RGB, tous les autres formats sont calculés via des formules mathématiques standardisées.

  5. 5

    La recherche de nom compare 148 couleurs CSS prédéfinies et retourne la plus proche dans un rayon de ~30 unités.

Conseils et bonnes pratiques

  • ✓

    Utilisez Hex ou RGB pour les feuilles de style CSS ; préférez HSL pour ajuster la luminosité ou la saturation dynamiquement.

  • ✓

    Les valeurs CMYK sont des estimations — demandez toujours un bon à tirer pour les projets d'impression commerciale.

  • ✓

    HWB est idéal pour créer des gammes de teintes d'une même couleur de marque : conservez la teinte, variez la blancheur.

  • ✓

    Le préfixe '#' est optionnel lors de la saisie d'un code hexadécimal.

  • ✓

    Pour les couleurs institutionnelles françaises (Pantone officiel), vérifiez toujours auprès de la source officielle — les équivalences hex peuvent varier.

Questions fréquentes

Quelle est la différence entre HSL et HWB ?▼

Les deux utilisent un angle de teinte, mais le deuxième et le troisième paramètre diffèrent. HSL utilise la saturation et la luminosité ; HWB utilise la blancheur et la noirceur directes. HWB est souvent plus intuitif pour obtenir des tons plus clairs (ajouter du blanc) ou plus foncés (ajouter du noir).

Pourquoi le CMYK affiché diffère-t-il de la couleur à l'écran ?▼

Les écrans utilisent la lumière additive (RGB) et les imprimantes utilisent l'encre soustractive (CMYK). Les gamuts ne se chevauchent pas parfaitement. Le convertisseur fournit une equivalence mathématique indépendante du dispositif, pas une correspondance presse.

Qu'est-ce que la Couleur naturelle (NCol) ?▼

Une proposition W3C qui code la teinte par une lettre (R, Y, G, C, B, M) plus un pourcentage de décalage, suivi de la blancheur et de la noirceur. Par exemple, R0 0% 0% est le rouge pur.

Puis-je convertir une couleur CSS nommée comme 'lavender' ?▼

Oui. Saisissez le nom dans la zone 'Rechercher par nom CSS' et le convertisseur charge automatiquement ses valeurs.

Quelle est la précision des conversions ?▼

Hex et RGB sont sans perte (avec arrondi à l'entier). HSL, HWB, NCol sont arrondis à une décimale. Le CMYK est une approximation mathématique uniquement.

Pourquoi le nom de couleur n'est-il pas toujours affiché ?▼

Seules 148 couleurs CSS standard sont incluses. Si la couleur saisie est à plus de ~30 unités RGB de toute couleur nommée, aucun nom n'est retourné.

Les représentations de couleurs peuvent varier selon les appareils en raison de la calibration des écrans et des profils de couleur. Les valeurs CMYK sont des approximations mathématiques.

Évaluer Cette Calculatrice