Giới thiệu về Navy
Navy (navy) là một màu xanh dương đậm, rực rỡ, có mã hex #000080, hoặc rgb(0, 0, 128). Trong HSL, màu này có sắc độ 240°, độ bão hòa 100% và độ sáng 25%. Đâ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: navy; thay vì mã hex.
Dùng Navy cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Navy trên nền trắng | 16.01 : 1 | AAA |
| Chữ Navy trên nền đen | 1.31 : 1 | không đạt |
Trên nền navy, hãy dùng chữ trắng (16.01 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 cho văn bản thường và 3 : 1 cho văn bản lớn. Kiểm tra các cặp màu khác với Công cụ kiểm tra độ tương phản.
CSS
.element {
color: navy; /* or #000080 */
background-color: #000080;
border: 1px solid rgb(0 0 128 / 50%);
}Các màu có tên tương tự
Xanh dương đậm (#00008b), Xanh nửa đêm (#191970), Chàm (#4b0082), Xanh dương vừa (#0000cd), Xanh đá phiến đậm (#483d8b), Xám đá phiến đậ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 navy là gì?
#000080, tức là rgb(0, 0, 128) và hsl(240, 100%, 25%). Trong CSS, bạn cũng có thể chỉ cần viết navy.
Chữ màu navy 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à 16.01 : 1, đạt chuẩn WCAG AA cho văn bản thường.
Những màu nào hợp với navy?
Màu bổ sung của nó là #808000; hai màu tương tự #004080 và #400080 nằm cạnh nó trên vòng tròn màu.