Chromoforge

Convertisseur de couleurs : HEX, RGB, HSL et OKLCH

Collez une couleur et copiez le format souhaité directement ici. L’aperçu et les résultats utilisent la même couleur sRGB opaque.

Convertir la couleur

Couleur sélectionnée#E24B4ATexte sur cette couleur: #111111

HEX#E24B4A

RGBrgb(226, 75, 74)

HSLhsl(0.39 72.38% 58.82%)

OKLCHoklch(62.339% 0.18772 24.72)

CSS--brand: #E24B4A;

Explorer les variations de palette Vérifier le texte et le fond

Composer la transparence

Collez RGBA, HSLA, OKLCH avec alpha ou HEX avec alpha. Choisissez un fond uni et appliquez la couleur opaque obtenue à l’outil.

Couleur avec transparenceFond uni

HEX opaque obtenu

Convertir et copier au même endroit

Saisissez une valeur HEX, RGB, HSL ou OKLCH prise en charge, ou utilisez le sélecteur de couleur.
Vérifiez l’aperçu et copiez HEX, RGB, HSL, OKLCH ou la déclaration CSS à côté du résultat.
Passez à la palette, aux nuances ou au contraste en conservant la couleur sélectionnée.

Ce que la conversion prend en charge

L’outil utilise des couleurs sRGB opaques et arrondit les canaux à 8 bits. RGB et HSL décrivent la couleur HEX obtenue. OKLCH est accepté en saisie et en sortie ; les valeurs hors sRGB sont limitées avec un avertissement. Les transparences, noms CSS et couleurs Display P3 ne sont pas acceptés. Un aller-retour avec des valeurs arrondies peut légèrement modifier un canal.

Continuez avec votre couleur

Générateur de nuances couleurGénérez une échelle 50-950 depuis une couleur de base pour surfaces UI, bordures, hover et dark mode.Générateur de variables de couleur CSSGénérez des variables CSS depuis une couleur : marque, texte lisible et onze nuances de 50 à 950. Copiez ou téléchargez le CSS directement.Vérificateur de contraste WCAGVérifiez le contraste entre texte et arrière-plan selon WCAG AA et AAA, testez des paires réelles et choisissez des couleurs lisibles.