À propos du Lin
Lin (linen) est une couleur très claire et vive, un orange au code hexadécimal #faf0e6, soit rgb(250, 240, 230). En HSL, sa teinte est de 30°, sa saturation de 67 % et sa luminosité de 94 %. Elle fait partie des 148 couleurs nommées que comprend chaque navigateur : vous pouvez donc écrire color: linen; au lieu de la valeur hexadécimale.
Utiliser le lin pour le texte et les fonds
| Combinaison | Ratio de contraste | WCAG |
|---|---|---|
| Texte lin sur blanc | 1.12 : 1 | échec |
| Texte lin sur noir | 18.67 : 1 | AAA |
Sur un fond lin, utilisez un texte noir (18.67 : 1). Le WCAG exige au moins 4.5 : 1 pour le texte courant et 3 : 1 pour les grands textes. Vérifiez d'autres combinaisons avec le Vérificateur de contraste.
CSS
.element {
color: linen; /* or #faf0e6 */
background-color: #faf0e6;
border: 1px solid rgb(250 240 230 / 50%);
}
Couleurs nommées similaires
Vieille dentelle (#fdf5e6), Coquillage (#fff5ee), Beige (#f5f5dc), Soie de maïs (#fff8dc), Rose brumeuse (#ffe4e1), Blanc floral (#fffaf0).
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.