Color Converter — HEX, RGB, HSL, HSV et noms CSS
Convertir n'importe quelle couleur entre les formats HEX, RGB, HSL, HSV et les noms de couleurs CSS instantanément. Entrez un code hex, rgb(), hsl(), ou un nom de couleur pour voir toutes les représentations côte à côte — gratuit, sans inscription.
Color Converter
Quels formats de couleur sont supportés ?
Cet outil supporte HEX (#rrggbb et #rgb raccourci), RGB (rgb(r, g, b)), HSL (hsl(h, s%, l%)), HSV (aussi appelé HSB), et les 140 couleurs nommées CSS comme 'red', 'cornflowerblue', et 'rebeccapurple'. Le format est détecté automatiquement à partir de votre entrée.
Quand utiliser chaque format ?
HEX est le format le plus courant en conception web et est compact. RGB est utile pour le mélange et la composition de couleurs. HSL est intuitif pour créer des variations de couleur (ajustez la luminosité ou la saturation). HSV (Teinte-Saturation-Valeur) est utilisé dans de nombreux outils de conception, notamment Photoshop et Figma. Les couleurs nommées CSS sont pratiques pour le prototypage rapide.
Quelle est la différence entre HSV et HSL ?
Les deux utilisent un angle de teinte et un pourcentage de saturation, mais ils diffèrent dans le troisième composant : HSL utilise la Luminosité (50% est la couleur pure), tandis que HSV utilise la Valeur/Luminance (100% est la version la plus brillante de cette teinte). Les applications de conception comme Photoshop utilisent généralement HSV, tandis que CSS utilise HSL.
Comment utiliser
- Tapez ou collez une couleur dans n'importe quel format — HEX, rgb(), hsl(), ou un nom de couleur CSS.
- Ou utilisez le sélecteur de couleur pour sélectionner une couleur visuellement.
- Toutes les représentations de format se mettent à jour instantanément.
- Cliquez sur Copier à côté de n'importe quel format pour copier cette valeur dans votre presse-papiers.
Vos données de couleur restent dans votre navigateur — aucune donnée n'est envoyée à aucun serveur.
Questions Fréquemment Posées
- Quels formats de couleur puis-je entrer ?
- HEX (#rrggbb ou #rgb), rgb(r, g, b), hsl(h, s%, l%), et n'importe quelle couleur nommée CSS comme 'tomato' ou 'steelblue'.
- Pourquoi ma couleur n'a-t-elle pas de nom CSS ?
- Seulement 140 couleurs ont des équivalents de noms CSS officiels. Si votre couleur ne correspond pas exactement à l'une d'elles, le champ Nom CSS affichera un tiret.
- Qu'est-ce que HSV / HSB ?
- HSV (Teinte, Saturation, Valeur) — aussi appelé HSB (Teinte, Saturation, Luminance) — est un modèle de couleur utilisé dans de nombreux outils de conception. Une Valeur/Luminance de 100% donne la version la plus brillante de la teinte, contrairement à HSL où 50% de luminosité est la couleur pure.
- Ce convertisseur de couleur est-il gratuit ?
- Oui, complètement gratuit sans inscription. Toute la conversion se fait dans votre navigateur — aucune donnée n'est envoyée à aucun serveur.