Outil couleur pratique
Convertisseur couleur HEX, RGB, HSL et OKLCH
Convertissez les couleurs entre HEX, RGB, HSL et OKLCH avec des valeurs prêtes pour CSS et documentation.
Ce que donne cette page
- Utilisez l inspecteur de la home pour voir tous les formats.
- Copiez HEX, RGB, HSL, OKLCH ou une variable CSS.
- Utilisez OKLCH pour mieux contrôler les échelles perceptuelles.
Utile pour
- CSS
- Documentation design
- Tokens
Comment l’utiliser
Générateur paletteCréez des palettes accessibles, vérifiez le contraste WCAG, extrayez des couleurs d'images et exportez CSS, Tailwind, SCSS, JSON, SVG et PNG.Contrôle 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.Extracteur imageExtrayez les couleurs dominantes des images PNG, JPG ou WebP dans le navigateur et créez des palettes exportables.
Puis-je utiliser cela avec le générateur principal?
Oui. Commencez ici, ouvrez l’outil Chromoforge avec la même couleur de base et exportez la palette.
Pourquoi une valeur change-t-elle légèrement après un aller-retour ?
HEX et RGB stockent huit bits par canal, chaque canal est donc quantifié sur 256 paliers. OKLCH, HSL et LAB sont continus. Convertir dans un sens puis dans l'autre arrondit à l'octet représentable le plus proche, ce qui peut décaler un canal d'une unité.
Quand préférer OKLCH à HSL ?
Dès que la luminosité perçue compte. Le L de HSL est une valeur géométrique : le jaune à 50% paraît bien plus clair que le bleu à 50%. OKLCH est perceptuellement uniforme, des écarts de clarté égaux paraissent égaux quelle que soit la teinte, ce qui régularise les échelles.