Giới thiệu về Old Lace
Old Lace (oldlace) là một màu cam rất nhạt và tươi sáng, có mã hex #fdf5e6, hoặc rgb(253, 245, 230). Trong HSL, màu này có sắc độ 39°, độ bão hòa 85% và độ sáng 95%. Đâ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: oldlace; thay cho mã hex.
Dùng Old Lace cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Old Lace trên nền trắng | 1.08 : 1 | không đạt |
| Chữ Old Lace trên nền đen | 19.38 : 1 | AAA |
Trên nền Old Lace, hãy dùng chữ đen (19.38 : 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. 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: oldlace; /* or #fdf5e6 */
background-color: #fdf5e6;
border: 1px solid rgb(253 245 230 / 50%);
}
Tên màu tương tự
Linen (#faf0e6), Sea Shell (#fff5ee), Corn Silk (#fff8dc), Floral White (#fffaf0), Light Yellow (#ffffe0), Be (#f5f5dc).
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.