À propos de l'orchidée
Orchidée (orchid) est un magenta clair, modérément saturé, de code hexadécimal #da70d6, soit rgb(218, 112, 214). En HSL, sa teinte est de 302°, sa saturation de 59% et sa luminosité de 65%. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent, vous pouvez donc écrire color: orchid; à la place de la valeur hexadécimale.
Utiliser l'orchidée pour le texte et les fonds
| Association | Ratio de contraste | WCAG |
|---|---|---|
| Texte orchidée sur blanc | 2.89 : 1 | échec |
| Texte orchidée sur noir | 7.27 : 1 | AAA |
Sur un fond orchidée, utilisez du texte noir (7.27 : 1). Les WCAG exigent au minimum 4.5 : 1 pour le texte courant et 3 : 1 pour les grands textes. Vérifiez d'autres associations avec le Vérificateur de contraste.
CSS
.element {
color: orchid; /* or #da70d6 */
background-color: #da70d6;
border: 1px solid rgb(218 112 214 / 50%);
}
Couleurs nommées similaires
Violet (#ee82ee), Orchidée moyen (#ba55d3), Prune (#dda0dd), Rose vif (#ff69b4), Rouge violet pâle (#db7093), Pourpre moyen (#9370db).
Trouveur de nom de couleur
Collez un code HEX pour obtenir son nom le plus proche, lisible par un humain, ainsi que des noms de tokens propres pour votre CSS, SCSS, JavaScript ou votre configuration Tailwind.