Về màu Xanh Đậm
Xanh Đậm (darkblue) là một màu xanh đậm, rực rỡ, có mã hex #00008b, hoặc rgb(0, 0, 139). Trong HSL, màu này có sắc độ 240°, độ bão hòa 100% và độ sáng 27%. Đâ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: darkblue; thay vì mã hex.
Dùng Xanh Đậm cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Xanh Đậm trên nền trắng | 15.30 : 1 | AAA |
| Chữ Xanh Đậm trên nền đen | 1.37 : 1 | không đạt |
Trên nền xanh đậm, hãy dùng chữ trắng (15.30 : 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 Contrast Checker.
CSS
.element {
color: darkblue; /* or #00008b */
background-color: #00008b;
border: 1px solid rgb(0 0 139 / 50%);
}Các màu có tên tương tự
Xanh Navy (#000080), Xanh Nửa Đêm (#191970), Xanh Trung Bình (#0000cd), Chàm (#4b0082), Xanh Đá Đậm (#483d8b), Xám Đá Đậm (#2f4f4f).
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 xanh đậm là gì?
#00008b — tức là rgb(0, 0, 139) và hsl(240, 100%, 27%). Trong CSS, bạn cũng có thể chỉ cần viết darkblue.
Chữ xanh đậm 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à 15.30 : 1, đạt chuẩn WCAG AA cho chữ thông thường.
Những màu nào hợp với xanh đậm?
Màu bổ sung của nó là #8a8a00; hai màu tương đồng #00458a và #45008a nằm cạnh nó trên vòng màu.