Về màu Sky Blue
Sky Blue (skyblue) là một màu xanh nhạt, tươi sáng, có mã hex #87ceeb, hoặc rgb(135, 206, 235). Trong HSL, màu này có sắc độ 197°, độ bão hòa 71% và độ sáng 73%. Đâ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: skyblue; thay cho mã hex.
Dùng Sky Blue cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Sky Blue trên nền trắng | 1.74 : 1 | không đạt |
| Chữ Sky Blue trên nền đen | 12.06 : 1 | AAA |
Trên nền xanh da trời, hãy dùng chữ đen (12.06 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 cho văn bản thường và 3 : 1 cho chữ lớn. Bạn có thể 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: skyblue; /* or #87ceeb */
background-color: #87ceeb;
border: 1px solid rgb(135 206 235 / 50%);
}Các màu có tên tương tự
Xanh da trời nhạt (#87cefa), Xanh nhạt (#add8e6), Xanh thép nhạt (#b0c4de), Xanh phấn (#b0e0e6), Ngọc lam nhạt (#afeeee), Xanh aquamarine (#7fffd4).
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 sky blue là gì?
#87ceeb, tức là rgb(135, 206, 235) và hsl(197, 71%, 73%). Trong CSS, bạn cũng có thể chỉ cần viết skyblue.
Chữ sky blue 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.74 : 1, không đạt WCAG. Hãy dùng màu này cho phần trang trí hoặc trên nền tối.
Màu nào hợp với sky blue?
Màu bổ sung của nó là #eba589. Các màu tương đồng #89ebd6 và #899eeb nằm cạnh nó trên vòng màu.