Về màu xanh dương
Xanh dương (blue) là màu xanh dương vừa và sống động, có mã hex #0000ff, hoặc rgb(0, 0, 255). Trong HSL, màu này có sắc độ 240°, độ bão hòa 100% và độ sáng 50%. Đâ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: blue; thay cho mã hex.
Dùng xanh dương cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ xanh dương trên nền trắng | 8.59 : 1 | AAA |
| Chữ xanh dương trên nền đen | 2.44 : 1 | không đạt |
Trên nền xanh dương, hãy dùng chữ trắng (8.59 : 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 với Công cụ kiểm tra độ tương phản.
CSS
.element {
color: blue; /* or #0000ff */
background-color: #0000ff;
border: 1px solid rgb(0 0 255 / 50%);
}Màu có tên tương tự
Xanh dương trung bình (#0000cd), Xanh dương đậm (#00008b), Xanh navy (#000080), Xanh hoàng gia (#4169e1), Chàm (#4b0082), Xanh Dodger (#1e90ff).
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 dương là gì?
#0000ff, tức là rgb(0, 0, 255) và hsl(240, 100%, 50%). Trong CSS, bạn cũng có thể viết đơn giản là blue.
Chữ xanh dương 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à 8.59 : 1, đạt chuẩn WCAG AA cho chữ thông thường.
Những màu nào hợp với xanh dương?
Màu bổ sung của nó là #ffff00; các màu tương tự #0080ff và #8000ff nằm cạnh nó trên vòng màu.