Về màu Misty Rose
Misty Rose (mistyrose) là một màu đỏ rất nhạt, có độ tươi với mã hex #ffe4e1, hoặc rgb(255, 228, 225). Trong HSL, màu này có sắc độ 6°, độ bão hòa 100% và độ sáng 94%. Đây là một trong 148 màu có tên mà trình duyệt nào cũng hiểu, nên bạn có thể viết color: mistyrose; thay cho mã hex.
Dùng Misty Rose cho chữ và nền
| Cặp màu | Tỉ lệ tương phản | WCAG |
|---|---|---|
| Chữ Misty Rose trên nền trắng | 1.20 : 1 | không đạt |
| Chữ Misty Rose trên nền đen | 17.44 : 1 | AAA |
Khi nền là misty rose, hãy dùng chữ đen (17.44 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 cho chữ nội dung và 3 : 1 cho 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: mistyrose; /* or #ffe4e1 */
background-color: #ffe4e1;
border: 1px solid rgb(255 228 225 / 50%);
}Tên màu có tên tương tự
Trắng cổ (#faebd7), Vải lanh (#faf0e6), Kem đu đủ (#ffefd5), Ren cổ (#fdf5e6), Be (#f5f5dc), Lụa ngô (#fff8dc).
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 misty rose là gì?
#ffe4e1 — tương ứng với rgb(255, 228, 225) và hsl(6, 100%, 94%). Trong CSS, bạn cũng có thể chỉ cần viết mistyrose.
Chữ màu misty rose 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.20 : 1, không đạt chuẩn WCAG — nên chỉ dùng để trang trí hoặc đặt trên nền tối.
Những màu nào hợp với misty rose?
Màu bổ sung của nó là #e0fcff; các màu tương tự #ffe0ed và #fff3e0 nằm cạnh nó trên vòng màu.