Giới thiệu về Lavender
Lavender (lavender) là màu xanh dương rất nhạt, tươi sáng, có mã hex #e6e6fa, hay rgb(230, 230, 250). Trong HSL, màu này có sắc độ 240°, độ 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: lavender; thay vì mã hex.
Dùng Lavender cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Lavender trên nền trắng | 1.23 : 1 | không đạt |
| Chữ Lavender trên nền đen | 17.06 : 1 | AAA |
Trên nền lavender, hãy dùng chữ đen (17.06 : 1). WCAG yêu cầu tỷ lệ 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 khác bằng Contrast Checker.
CSS
.element {
color: lavender; /* or #e6e6fa */
background-color: #e6e6fa;
border: 1px solid rgb(230 230 250 / 50%);
}Các màu có tên tương tự
Xanh Alice (#f0f8ff), Khói trắng (#f5f5f5), Trắng ma (#f8f8ff), Lục lam nhạt (#e0ffff), Hồng tím nhạt (#fff0f5), Xanh thiên thanh (#f0ffff).
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 là gì?
#e6e6fa — tương ứng rgb(230, 230, 250) và hsl(240, 67%, 94%). Trong CSS, bạn cũng có thể chỉ cần viết lavender.
Chữ lavender 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.23 : 1, không đạt WCAG — hãy dùng nó để trang trí hoặc trên nền tối.
Màu nào hợp với lavender?
Màu bổ sung của nó là #fafae5; các màu tương đồng #e5f0fa và #f0e5fa nằm cạnh nó trên vòng màu.