Sélecteur et convertisseur de couleurs
Choisissez une couleur et convertissez entre les formats HEX, RGB et HSL instantanément. Gratuit et entièrement dans votre navigateur.
Comment utiliser le sélecteur et convertisseur de couleurs
- Click the large color preview swatch to open your browser's native color picker.
- Vous pouvez également saisir une valeur HEX directement dans le champ HEX (par ex. #ff5733).
- Ajustez individuellement les valeurs R, V, B (0-255) ou T, S, L pour affiner.
- Tous les formats se mettent à jour en temps réel lorsque vous modifiez une valeur.
- Utilisez les boutons Copier pour copier une valeur de couleur formatée dans votre presse-papiers.
- Vérifiez l’aperçu du contraste pour voir comment le texte noir et blanc apparaît sur votre couleur choisie.
Questions frequemment posees
Qu’est-ce que le format de couleur HEX ?
HEX est une représentation hexadécimale à six chiffres d’une couleur préfixée par #. Chaque paire de chiffres représente les canaux rouge, vert et bleu (par ex. #ff5733 signifie R=255, V=87, B=51). C’est le format le plus couramment utilisé en conception web et CSS.
Quelle est la différence entre RGB et HSL ?
RGB définit une couleur par ses composantes lumineuses Rouge, Vert et Bleu (0-255 chacune). HSL définit une couleur par la Teinte (0-360 degrés sur le cercle chromatique), la Saturation (0-100 %%) et la Luminosité (0-100 %%). HSL est souvent plus intuitif pour les designers car vous pouvez facilement ajuster la luminosité ou la saturation sans affecter la teinte.
Pourquoi la vérification du contraste est-elle importante ?
Un contraste suffisant entre les couleurs du texte et de l’arrière-plan est essentiel pour la lisibilité et l’accessibilité. Les directives WCAG recommandent un ratio de contraste minimum de 4,5:1 pour le texte normal. L’aperçu du contraste vous permet de vérifier visuellement que le texte reste lisible sur votre couleur choisie.
Mes données sont-elles stockées quelque part ?
Non. Toutes les conversions de couleurs s’effectuent entièrement dans votre navigateur en JavaScript. Aucune donnée n’est envoyée à un serveur.
Plus d’outils gratuits