Convertisseur et Sélecteur de Couleurs

Convertissez les couleurs entre les formats HEX, RGB, HSL et HSV instantanément. Choisissez les couleurs visuellement ou entrez les valeurs directement. Parfait pour le design web, CSS et le design graphique.

Sélecteur de Couleur Visuel

Aperçu de la Couleur

HEX

RGB

HSL

HSV

Exemples CSS

color: #3b82f6;

color: rgb(59, 130, 246);

color: hsl(217, 92%, 60%);

Copié!

Pourquoi utiliser un Convertisseur de Couleurs?

Support de plusieurs formats: Convertissez instantanément entre les formats de couleur HEX, RGB, HSL et HSV. Chaque format a son cas d'usage - HEX pour le web, RGB pour les graphiques, HSL pour le design.
Sélecteur de couleur visuel: Choisissez les couleurs visuellement avec un sélecteur de couleur interactif. Voyez l'aperçu en temps réel et obtenez toutes les valeurs de format simultanément.
Valeurs prêtes à copier-coller: Toutes les valeurs de couleur sont formatées pour une utilisation directe dans CSS, HTML et les outils de design. Fonctionnalité de copie dans le presse-papiers en un clic.

Comment utiliser le Convertisseur de Couleurs

Utilisez le sélecteur de couleur visuel pour choisir votre couleur souhaitée, ou entrez une valeur de couleur dans n'importe quel format (HEX, RGB, HSL ou HSV).
Tous les formats de couleur se mettent à jour automatiquement en temps réel lorsque vous modifiez les valeurs.
Cliquez sur n'importe quel bouton Copier pour copier la valeur de couleur dans votre format préféré vers le presse-papiers pour l'utiliser dans vos projets.

Questions Fréquemment Posées

Quelle est la différence entre HEX, RGB et HSL?

HEX utilise la notation hexadécimale (#RRGGBB) et est le plus courant dans le développement web. RGB utilise les valeurs rouge, vert, bleu (0-255) et est utilisé dans les graphiques numériques. HSL utilise la teinte (0-360°), la saturation et la luminosité en pourcentages - c'est plus intuitif pour les designers car cela correspond à notre perception des couleurs.

Quand dois-je utiliser HSL au lieu de RGB ou HEX?

HSL est idéal lorsque vous devez créer des variations de couleur - ajuster la luminosité pour les états de survol, la saturation pour les versions atténuées, ou la teinte pour les schémas de couleurs. RGB et HEX sont meilleurs lorsque vous avez des spécifications de couleur exactes ou besoin de compatibilité ascendante.

Qu'est-ce que HSV et en quoi diffère-t-il de HSL?

HSV (Teinte, Saturation, Valeur) est similaire à HSL mais utilise 'Valeur' au lieu de 'Luminosité'. HSV est souvent utilisé dans les sélecteurs de couleur et l'édition d'images, tandis que HSL est plus courant en CSS. Les deux représentent les couleurs de manière plus intuitive que RGB.

Puis-je coller des valeurs de couleur directement?

Oui! Collez n'importe quel format de couleur valide dans le champ d'entrée HEX. L'outil reconnaît automatiquement HEX (#FF5733 ou FF5733), RGB (rgb(255, 87, 51)), HSL (hsl(10, 100%, 60%)), ou les couleurs nommées (rouge, bleu, etc.).

Comment utiliser ces couleurs en CSS?

Copiez n'importe quel format et utilisez-le dans votre CSS. HEX: color: #FF5733; RGB: color: rgb(255, 87, 51); HSL: color: hsl(10, 100%, 60%); Les navigateurs modernes supportent les trois formats. HSL est excellent pour créer des variations de couleur avec les variables CSS.