Convertisseur de couleurs

Collez une couleur dans n’importe quel format et copiez-la dans tous les autres : hex vers rgb, rgb vers hex, hex vers hsl, convertisseur OKLCH, hex vers CMYK, Display P3 et plus encore.

Comment convertir une couleur

  1. Collez ou saisissez une couleur dans n’importe quel format CSS : hex, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch() ou color(), une valeur CMJN, ou un nom de couleur comme coral.
  2. La ligne d’état confirme ce qui a été lu, y compris l’opacité et si la couleur tient dans sRGB ou Display P3.
  3. Copiez n’importe quelle ligne de la liste des formats. Ils sont regroupés en web, perceptuel, appareil et code natif.
  4. L’adresse de la page se met à jour avec votre couleur : vous pouvez ainsi mettre en favori ou partager une conversion.

Ce que vous pouvez faire

  • Formats web

    Le HEX, avec un HEX à 8 chiffres lorsqu’il y a de l’opacité, ainsi que RGB, HSL et HWB, écrits comme CSS les attend.

  • Formats perceptuels

    CIE Lab, LCH, OKLab et OKLCH, plus une variable de thème Tailwind v4 prête à l’emploi.

  • Display P3 et CMJN

    Display P3 à gamut étendu et une estimation CMJN simple. Si une couleur sort de sRGB, vous obtenez à la fois une version ramenée dans le gamut et une version écrêtée.

  • Code natif

    Valeurs Android ARGB, Swift UIColor, SwiftUI Color et Flutter Color, prêtes à coller.

  • Opacité

    Une couleur avec alpha conserve son opacité dans tous les formats qui peuvent la porter.

  • Exemples et étapes suivantes

    Essayez les exemples de saisie, ouvrez la page de la couleur pour ses nuances et harmonies, ou vérifiez son contraste.

Questions fréquentes

Comment convertir un code HEX en RGB ?

Collez le code hex, par exemple #3B82F6, et copiez la ligne RGB. À la main, séparez les six chiffres en trois paires et convertissez chaque paire de la base 16 en un nombre de 0 à 255 : 3B donne 59, 82 donne 130 et F6 donne 246, donc #3B82F6 vaut rgb(59, 130, 246).

Comment convertir un code RGB en HEX ?

Saisissez la valeur rgb() et copiez la ligne HEX. À la main, écrivez chaque canal sur deux chiffres hexadécimaux et assemblez-les : 59, 130 et 246 deviennent 3B, 82 et F6, ce qui donne #3B82F6.

Quelle est la différence entre HEX, RGB et HSL ?

HEX et RGB décrivent la même chose : les quantités de lumière rouge, verte et bleue à mélanger. Le HEX écrit ces trois quantités en base 16 et le RGB en base 10. Le HSL décrit plutôt la teinte, la saturation et la luminosité, ce qui est plus simple à ajuster à la main.

Qu’est-ce que l’OKLCH ?

L’OKLCH est un format de couleur CSS à trois composantes : luminosité, chroma et teinte. Il repose sur l’espace colorimétrique OKLab, où des écarts numériques égaux paraissent égaux à l’œil ; modifier la luminosité ne décale donc pas la teinte perçue comme le fait le HSL. Les navigateurs récents le prennent en charge via oklch().

La valeur CMJN est-elle fiable pour l’impression ?

Non. La valeur CMJN provient d’une formule simple sans profil ICC : la couleur imprimée sera donc différente. Utilisez-la comme point de départ et vérifiez une épreuve auprès de votre imprimeur.