Sélecteur de couleur
Choisissez une couleur et obtenez ses codes HEX, RGB et HSL, des teintes claires et foncées, le contraste du texte, ou prélevez une couleur dans une image. Rien n'est envoyé.
- HEX#ff6b1a
- RGBrgb(255, 107, 26)
- HSLhsl(21, 100%, 55%)
- CSS--color: #ff6b1a;
S'exécute sur votre appareil. Rien n'est envoyé à un serveur.
Comment ça marche
Utilisez le sélecteur ou tapez un code HEX. Les valeurs RGB et HSL, l'échelle de teintes et les contrôles de contraste se mettent à jour instantanément. Appuyez sur Copier pour le format voulu.
Pour prélever une couleur dans une photo ou une capture d'écran, choisissez une image et cliquez dessus. L'image reste sur votre appareil ; la couleur est lue sur le pixel cliqué.
Questions
Que signifie le rapport de contraste ?
Il compare votre couleur à un texte blanc et noir. Les règles d'accessibilité demandent au moins 4.5:1 pour le texte normal, affiché ici comme AA.
Quelle différence entre HEX, RGB et HSL ?
Ils décrivent la même couleur. HEX est la forme compacte pour le web, RGB donne le rouge, le vert et le bleu de 0 à 255, et HSL utilise teinte, saturation et luminosité, plus facile à ajuster à l'œil.