floobits.com
floobits.com
🌐 Web et technique
Saisissez ou choisissez une couleur, obtenez tous ses formats CSS ainsi que ses teintes et nuances, prêts à copier.
Par Jimenez Julien, éditeur de Floobits.com · mis à jour le
Une même couleur s'écrit de plusieurs façons en CSS. Le HEX (#e4572e) et le RGB décrivent les quantités de rouge, de vert et de bleu. Le HSL et le HWB décrivent la teinte, puis la saturation et la luminosité (HSL) ou la quantité de blanc et de noir (HWB), plus intuitives pour ajuster une couleur. L'OKLCH, plus récent, repose sur un espace perceptuel : la luminosité annoncée correspond mieux à ce que l'œil perçoit.
Les conversions de cet outil sont calculées avec les formules standard, dont les matrices OKLab de Björn Ottosson pour l'OKLCH, et les valeurs sont arrondies à l'entier le plus proche pour l'RGB. Les teintes s'obtiennent en mélangeant la couleur avec du blanc, les nuances avec du noir, par pas de 10 %. Le format CMJN est donné à titre indicatif : il ne fait pas partie de CSS et dépend du profil d'impression.
En HSL, deux couleurs de même luminosité annoncée peuvent paraître très différentes (le jaune semble bien plus clair que le bleu). L'OKLCH corrige ce défaut : à luminosité égale, les couleurs ont un éclat comparable, ce qui facilite la création de palettes.
Ajoutez une valeur alpha : rgb(228 87 46 / 50%), ou un HEX à 8 caractères comme #e4572e80. Cet outil lit la couleur opaque et ignore le canal alpha.
Les valeurs OKLCH affichées sont arrondies à une ou trois décimales. Une conversion en retour peut donc différer d'une unité sur un canal RGB.