Giới thiệu về Lavender Blush
Lavender Blush (lavenderblush) là một màu hồng rất nhạt, tươi sáng, có mã hex #fff0f5, hay rgb(255, 240, 245). Trong HSL, màu này có sắc độ 340°, độ 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: lavenderblush; thay cho mã hex.
Sử dụng Lavender Blush cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Lavender Blush trên nền trắng | 1.10 : 1 | không đạt |
| Chữ Lavender Blush trên nền đen | 19.03 : 1 | AAA |
Khi nền là lavender blush, bạn nên dùng chữ đen (19.03 : 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: lavenderblush; /* or #fff0f5 */
background-color: #fff0f5;
border: 1px solid rgb(255 240 245 / 50%);
}Màu có tên tương tự
Sea Shell (#fff5ee), Floral White (#fffaf0), Snow (#fffafa), White Smoke (#f5f5f5), Ghost White (#f8f8ff), Ivory (#fffff0).
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 lavender blush là gì?
#fff0f5, tức là rgb(255, 240, 245) và hsl(340, 100%, 97%). Trong CSS, bạn cũng có thể viết trực tiếp lavenderblush.
Chữ lavender blush 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.10 : 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 lavender blush?
Màu bổ sung của nó là #f0fffa; các màu tương đồng #fff0fc và #fff2f0 nằm cạnh nó trên vòng màu.