Convertisseur de couleurs

Convertir n'importe quelle couleur entre HEX, RGB, HSL, HSV, OKLCH et CMYK

Les fichiers ne quittent pas votre appareil
S’exécute dans le navigateur
Gratuit, sans compte, sans filigrane

#FF8000oklch(73.19% 0.1858 52.98)

Paste or type any color

Open color picker

Opacity: 100%

Nearest CSS name

darkorangeΔE 3.9

Formats

Modern CSS syntax

HEX

RGB

HSL

HSV / HSB

HWB

OKLCH

OKLab

CIE Lab

CIE LCH

CMYK

Display P3

Lab and LCH use the D50 white point, the same as CSS lab() and lch(). CMYK here is a plain formula without an ICC profile. Ask your printer for exact values.

Tints & shades

Click a swatch to copy its HEX. Mixed with white and black in OKLab, so steps look even.

Comment utiliser Convertisseur de couleurs

Convertissez une couleur entre HEX, RGB, HSL, HSV, HWB, OKLCH, OKLab, CIE Lab, CIE LCH, CMYK et Display P3. Modifiez n'importe quel format et les autres suivent, avec le nom de couleur CSS le plus proche et une bande de teintes et de nuances.

1
Saisissez ou collez une couleur dans Coller ou saisir une couleur, par exemple #ff8000, rgb(255 128 0), oklch(70% 0.19 50) ou tomato.
2
Ou utilisez Ouvrir le sélecteur de couleur, Prélever à l'écran ou Couleur aléatoire pour partir d'un échantillon.
3
Lisez ou modifiez les valeurs sous Formats ; changer une case met toutes les autres à jour.
4
Réglez le curseur Opacité pour la transparence, et activez Syntaxe CSS moderne pour des valeurs séparées par des espaces, comme rgb(255 128 0 / 50%).
5
Cliquez sur l'icône de copie à côté d'un format, ou cliquez sur un échantillon sous Teintes et nuances pour copier son HEX.

Questions fréquentes

Pourquoi indique-t-il que la couleur est hors sRGB ?

OKLCH, Lab et Display P3 peuvent décrire des couleurs que la plupart des écrans ne peuvent pas afficher. Les formats HEX, RGB, HSL et les autres formats sRGB montrent alors la couleur affichable la plus proche, convertie à la manière de CSS afin de conserver la clarté et la teinte, et la note indique ce qu'un écrêtage naïf donnerait à la place.

Les valeurs CMYK sont-elles exactes pour l'impression ?

Non. Le CMYK ici est une formule simple, sans profil ICC. Demandez à votre imprimeur les valeurs exactes pour sa presse et son papier.

Quel point blanc Lab et LCH utilisent-ils ?

D50, le même que CSS lab() et lch(), les valeurs peuvent donc être collées directement dans une feuille de style.

Pourquoi ne vois-je pas le bouton Prélever à l'écran ?

Il utilise l'API EyeDropper du navigateur, fournie par les navigateurs fondés sur Chromium, comme Chrome et Edge. Lorsqu'elle n'est pas disponible, le bouton est masqué ; utilisez le sélecteur de couleur ou collez une valeur.

Enregistre-t-il quelque chose ?

La dernière couleur et le réglage Syntaxe CSS moderne sont conservés dans le stockage local de votre navigateur, afin d'être là la prochaine fois. Rien n'est envoyé à un serveur.