Giới thiệu về Ivory
Ivory (ivory) là một màu vàng rất nhạt, tươi sáng, có mã hex #fffff0, hoặc rgb(255, 255, 240). Trong HSL, màu này có sắc độ 60°, độ bão hòa 100% và độ sáng 97%. Đâ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: ivory; thay vì dùng mã hex.
Dùng Ivory cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Ivory trên nền trắng | 1.01 : 1 | không đạt |
| Chữ Ivory trên nền đen | 20.81 : 1 | AAA |
Trên nền ivory, hãy dùng chữ đen (20.81 : 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 Contrast Checker.
CSS
.element {
color: ivory; /* or #fffff0 */
background-color: #fffff0;
border: 1px solid rgb(255 255 240 / 50%);
}Các tên màu tương tự
Floral White (#fffaf0), Sea Shell (#fff5ee), Snow (#fffafa), Mint Cream (#f5fffa), Old Lace (#fdf5e6), Honey Dew (#f0fff0).
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 ivory là gì?
#fffff0 — tương ứng với rgb(255, 255, 240) và hsl(60, 100%, 97%). Trong CSS, bạn cũng có thể viết trực tiếp ivory.
Chữ màu ivory trên nền trắng có dễ đọc không?
Tỷ lệ tương phản của nó trên nền trắng là 1.01 : 1, không đạt chuẩn WCAG. Hãy dùng nó để trang trí hoặc trên nền tối thay thế.
Những màu nào hợp với ivory?
Màu bổ sung của nó là #f0f0ff; các màu tương tự #fff7f0 và #f7fff0 nằm cạnh nó trên bánh xe màu.