Sobre o Linho
Linho (linen) é um laranja muito claro e vibrante, com código hex #faf0e6, ou rgb(250, 240, 230). No HSL, ele fica com matiz de 30°, saturação de 67% e luminosidade de 94%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: linen; no lugar do valor hex.
Usando o Linho em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto linho no branco | 1.12 : 1 | reprovado |
| Texto linho no preto | 18.67 : 1 | AAA |
Em um fundo linho, use texto preto (18.67 : 1). O WCAG pede pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Teste outros pares com o Verificador de Contraste.
CSS
.element {
color: linen; /* or #faf0e6 */
background-color: #faf0e6;
border: 1px solid rgb(250 240 230 / 50%);
}Cores nomeadas semelhantes
Old Lace (#fdf5e6), Sea Shell (#fff5ee), Bege (#f5f5dc), Seda de Milho (#fff8dc), Rosa Nebulosa (#ffe4e1), Branco Floral (#fffaf0).
Nomear Cores
Cole um código HEX para obter o nome mais próximo, legível para humanos, e nomes de tokens limpos para o seu CSS, SCSS, JavaScript ou configuração do Tailwind.