Convertisseur de couleurs

Convertissez des couleurs entre HEX, RGB, HSL et CMJN.

S'exécute dans votre navigateur. Vos fichiers ne quittent jamais votre appareil. Voir comment vérifier

…

Comment faire

  1. 1
    Remplissez les champs

    Saisissez vos nombres ou choisissez les options voulues.

  2. 2
    Voyez le résultat

    La réponse se met à jour tout de suite quand vous changez une valeur.

  3. 3
    Utilisez-le

    Copiez le résultat ou notez-le. Rien n'est envoyé nulle part.

À propos de cet outil

Type a colour as a hex code (#2563eb), as rgb(37, 99, 235) or as hsl(221, 83%, 53%). You get the same colour in HEX, RGB, HSL and CMYK, ready to copy into CSS or a design tool, plus a preview swatch.

When to use it

Convert colours between HEX, RGB, HSL and CMYK.

Tips

CMYK values are approximate on screen. Check proofs for print.

Privacy

Everything runs in your browser, so your data is not uploaded or stored.

Colour formats

HEX is a six digit code such as #2563EB, RGB gives red, green and blue from 0 to 255, HSL describes hue, saturation and lightness and CMYK is used in print. Web pages use HEX, RGB or HSL.

Exemple concret

With the boxes at their starting values (Colour (hex, rgb() or hsl()): #2563eb), the tool shows: RGB: rgb(37, 99, 235); HSL: hsl(221, 83%, 53%); CMYK: cmyk(84%, 58%, 0%, 8%); CSS: color: #2563EB;; HEX: #2563EB. Change any box to see your own numbers. The result updates as you type, and nothing leaves your browser.

Conseils pour de meilleurs résultats

Vérifiez chaque champ avant de vous fier à un résultat, car un chiffre faux change toute la réponse. Utilisez les chiffres exacts de votre fiche de paie, facture, certificat ou contrat et notez la date du calcul. Les taux, seuils et règles changent de temps en temps : pour les impôts, frais et questions juridiques, considérez le résultat comme une estimation et confirmez-le avec la source officielle indiquée sur cette page. Vous pouvez essayer autant de scénarios que vous voulez ; rien n'est enregistré ni envoyé, et actualiser la page vide les champs.

L'essentiel

Intégrer cette calculatrice sur votre site

Copiez ce code pour afficher la calculatrice sur votre propre page. Un lien vers shobfree.com est inclus.

Questions fréquentes

Is CMYK exact?

No. The CMYK values are a simple calculation. Printers use colour profiles, so the printed colour can differ.

Can I use three-digit hex?

Yes. #f80 is read as #ff8800.

Is CMYK exact?

No. It depends on the printer profile.

What is HSL?

Hue, saturation and lightness.

How do I read a HEX code?

Each pair is red, green and blue in base 16. #FF0000 is pure red.

Entièrement gratuitAucun coût, aucune inscription
Fichiers privésTout s'exécute dans votre navigateur
Simple dans votre langueDisponible en de nombreuses langues