Về màu Linen
Linen (linen) là một màu cam rất nhạt, tươi sáng, có mã hex #faf0e6, hoặc rgb(250, 240, 230). Trong HSL, màu này có sắc độ 30°, độ bão hòa 67% và độ sáng 94%. Đây là một trong 148 màu có tên mà mọi trình duyệt đều hiểu, nên bạn có thể viết color: linen; thay vì giá trị hex.
Dùng Linen cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Linen trên nền trắng | 1.12 : 1 | không đạt |
| Chữ Linen trên nền đen | 18.67 : 1 | AAA |
Khi dùng nền Linen, hãy dùng chữ đen (18.67 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 với chữ nội dung và 3 : 1 với chữ lớn. Bạn có thể kiểm tra các cặp màu khác bằng Công cụ kiểm tra độ tương phản.
CSS
.element {
color: linen; /* or #faf0e6 */
background-color: #faf0e6;
border: 1px solid rgb(250 240 230 / 50%);
}Màu có tên tương tự
Old Lace (#fdf5e6), Sea Shell (#fff5ee), Beige (#f5f5dc), Corn Silk (#fff8dc), Misty Rose (#ffe4e1), Floral White (#fffaf0).
Tìm tên màu
Dán mã HEX để nhận tên màu dễ đọc gần nhất và tên token gọn gàng cho CSS, SCSS, JavaScript hoặc cấu hình Tailwind của bạn.
Câu hỏi thường gặp
Mã hex của màu linen là gì?
#faf0e6 — tương ứng với rgb(250, 240, 230) và hsl(30, 67%, 94%). Trong CSS, bạn cũng có thể viết trực tiếp linen.
Chữ màu linen có dễ đọc trên nền trắng không?
Tỷ lệ tương phản của nó trên nền trắng là 1.12 : 1, không đạt chuẩn WCAG — nên dùng để trang trí hoặc đặt trên nền tối.
Những màu nào hợp với linen?
Màu bổ sung của nó là #e5f0fa; các màu tương đồng #fae5e5 và #fafae5 nằm cạnh nó trên bánh xe màu.