Entrée couleur
Choisir ou saisir une couleur
Couleur valide.
Outil de conception web
Sélecteur de couleur
Choisissez une couleur avec le sélecteur natif, HEX ou des contrôles RGB précis, copiez les formats, explorez les harmonies et déterminez un texte lisible.
Aperçu en direct
Valeurs de couleur
Copier les codes couleur
HEX#16735F
RGBrgb(22, 115, 95)
HSLhsl(167.1, 67.9%, 26.9%)
HSVhsv(167.1, 80.9%, 45.1%)
Estimation CMYKcmyk(80.9%, 0%, 17.4%, 54.9%)
Variable CSS--color: #16735F;
Accessibilité
Contraste du texte
Exemple de texte sur la couleur choisie
Texte blanc5.48:1
Texte noir3.83:1
Couleur de texte conseilléeUtilisez du texte blanc.
Luminance relative0.142
Les rapports utilisent la luminance relative WCAG. Le texte normal exige 4,5:1 pour AA et 7:1 pour AAA ; le grand texte exige 3:1 pour AA.
Harmonie des couleurs
Palette générée
Choisissez un mode d'harmonie, puis sélectionnez une nuance pour en faire la nouvelle couleur de base.
Échelle de couleur
Teintes claires et foncées
Teintes claires
Teintes foncées
Les teintes claires se rapprochent du blanc et les foncées du noir tout en conservant la teinte et la saturation choisies.
Notes sur le sélecteur
HEXHEX est compact et convient à CSS, aux jetons de conception et aux spécifications partagées.
RGBRGB contrôle directement les canaux rouge, vert et bleu pour le navigateur et canvas.
HSLHSL sépare teinte, saturation et luminosité, ce qui facilite la création de couleurs d'interface apparentées.
WCAGLes rapports de contraste WCAG aident à choisir un texte noir ou blanc lisible sur le fond sélectionné.
Questions fréquentes
Puis-je l'utiliser comme sélecteur HEX ?
Oui. Utilisez le sélecteur natif ou saisissez un HEX strict à trois ou six chiffres, puis copiez HEX, RGB, HSL, HSV, l'estimation CMYK ou une variable CSS.
La pipette fonctionne-t-elle dans tous les navigateurs ?
Non. Le bouton utilise l'API EyeDropper lorsqu'elle existe et affiche un message clair si elle n'est pas prise en charge ou si la sélection est annulée.
Comment les couleurs de palette sont-elles générées ?
Les palettes complémentaires, analogues, triadiques, complémentaires divisées, tétradiques et monochromatiques sont calculées localement à partir des valeurs HSL de la couleur choisie.
Quel rapport de contraste le texte doit-il atteindre ?
WCAG AA exige 4,5:1 pour le texte normal et 3:1 pour le grand texte. AAA exige 7:1 pour le texte normal.