Couleurs & design
Convertisseur de couleurs
Passez d'un format de couleur à l'autre en un clic, aperçu compris.
| HEX | | |
|---|---|---|
| RGB | | |
| HSL | | |
| OKLCH | |
Tapez un code HEX, une valeur rgb() ou hsl(), ou même un nom CSS comme « tomato » : vous obtenez instantanément la conversion dans tous les formats, y compris OKLCH, l'espace colorimétrique moderne des feuilles de style. Une pastille d'aperçu affiche la couleur exacte, et chaque valeur se copie en un clic pour être collée dans votre CSS, votre logiciel de design ou votre charte graphique. Pratique pour harmoniser une palette, retrouver l'équivalent RGB d'un code HEX ou adopter OKLCH sans faire les calculs vous-même. Gratuit, sans inscription, et tout se passe dans votre navigateur.
Comment faire ?
- Saisissez une couleur (HEX, rgb(), hsl(), nom CSS) ou utilisez le sélecteur visuel.
- Les valeurs HEX, RGB, HSL et OKLCH se mettent à jour instantanément.
- Vérifiez le rendu grâce à la pastille d'aperçu.
- Copiez le format dont vous avez besoin en un clic.
Questions fréquentes
Quels formats de couleur sont acceptés en entrée ?
Les codes HEX à 3, 6 ou 8 caractères (#f00, #ff0000, #ff0000cc), les notations rgb() et rgba(), hsl() et hsla(), ainsi que les noms de couleurs CSS (red, rebeccapurple, tomato…).
Qu'est-ce que le format OKLCH ?
OKLCH est un espace colorimétrique perceptuellement uniforme : à luminosité égale, deux couleurs paraissent réellement aussi claires l'une que l'autre. Supporté par tous les navigateurs modernes, il facilite la création de palettes cohérentes en CSS.
Pourquoi utiliser HSL plutôt que HEX ?
HSL décrit une couleur par sa teinte, sa saturation et sa luminosité : il est bien plus lisible qu'un code HEX et permet de créer des variantes (plus claire, plus foncée) en ne changeant qu'une seule valeur.
Puis-je convertir une couleur avec transparence ?
Oui : saisissez un code HEX à 8 caractères ou une valeur rgba()/hsla(), la composante alpha est conservée dans les conversions qui la gèrent.