Développement Web
Color Converter
Conversion de couleur entre HEX, RGB, HSL, HSV/HSB et CMYK — saisissez une valeur dans n'importe quel champ, les autres se mettront à jour instantanément.
The same color can be written differently depending on context: HEX and RGB are convenient for code, HSL is intuitive for picking a hue and lightness, and CMYK is for print. This tool converts between all of them at once.
How to use it
- Enter a value in any field (HEX, RGB, HSL, HSV/HSB, or CMYK) — every other format updates instantly.
- The "random color" button generates a random hue for quickly browsing a palette.
- Copy the format you need with one click to paste into CSS or a graphics editor.
Which format to use when
- HEX — a compact notation for CSS and design systems (#4453b8).
- RGB — when you need transparency via rgba() or programmatic access to individual color channels.
- HSL — the easiest for manual tuning: lighten or darken a color by changing just one value.
- CMYK — for materials headed to print, where colors mix subtractively, unlike the additive RGB used on screens.
Things to keep in mind
CMYK on screen is only an approximation — the exact printed color depends on the printer, paper, and color profile used.
Conversion between color spaces isn't always exact for extreme, highly saturated colors, due to differences in gamut coverage between models.
Article sur cet outil: HEX, RGB, HSL : pourquoi existe-t-il autant de façons d'écrire une couleur
Questions fréquentes
Comment le convertisseur gère-t-il le canal alpha (transparence) ?
Alpha est pris en charge en HEX (#RRGGBBAA), RGBA et HSLA — ce que vous saisissez se répercute dans les autres formats prenant en charge la transparence, tandis que les formats sans canal alpha, comme le CMJN simple, l'ignorent simplement.
Pourquoi la valeur change-t-elle légèrement après conversion en CMJN puis retour en HEX ?
Le CMJN est un modèle orienté impression sans formule unique fixe pour convertir vers et depuis le RGB, donc un aller-retour peut décaler les valeurs d'une erreur d'arrondi d'une ou deux unités ; visuellement la couleur reste pratiquement la même.
Mes données de couleur sont-elles envoyées quelque part ?
Non, chaque conversion se fait localement dans votre navigateur avec JavaScript — rien n'est téléchargé vers un serveur.
Quelle est la différence entre OKLCH et HSL ?
OKLCH décrit une couleur par luminosité (L), chroma (C) et teinte (H), mais contrairement à HSL, il tient compte de la façon dont l'œil humain perçoit réellement la luminosité — modifier L dans OKLCH ne déforme pas la saturation perçue de la couleur, donc les transitions entre teintes paraissent plus uniformes.
Que signifie qu'une couleur soit « hors gamut » (out of gamut) ?
Certaines couleurs dans des espaces larges comme OKLCH ou Display P3 ne peuvent pas être physiquement reproduites sur des écrans qui ne prennent en charge que le sRGB — le navigateur substitue alors la couleur disponible la plus proche dans le gamut pris en charge.