Về Powder Blue
Powder Blue (powderblue) là màu cyan rất sáng, độ bão hòa vừa phải, có mã hex #b0e0e6, hoặc rgb(176, 224, 230). Trong HSL, màu có sắc độ 187°, độ bão hòa 52% và độ sáng 80%. Đâ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: powderblue; thay vì mã hex.
Dùng Powder Blue cho chữ và nền
| Cặp màu | Tỉ lệ tương phản | WCAG |
|---|---|---|
| Chữ Powder Blue trên nền trắng | 1.43 : 1 | không đạt |
| Chữ Powder Blue trên nền đen | 14.65 : 1 | AAA |
Trên nền powder blue, hãy dùng chữ đen (14.65 : 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 khác bằng Công cụ kiểm tra độ tương phản.
CSS
.element {
color: powderblue; /* or #b0e0e6 */
background-color: #b0e0e6;
border: 1px solid rgb(176 224 230 / 50%);
}Tên màu tương tự
Light Blue (#add8e6), Pale Turquoise (#afeeee), Light Steel Blue (#b0c4de), Light Gray (#d3d3d3), Sky Blue (#87ceeb), Gainsboro (#dcdcdc).
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 powder blue là gì?
#b0e0e6 — tương đương rgb(176, 224, 230) và hsl(187, 52%, 80%). Trong CSS, bạn cũng có thể viết trực tiếp powderblue.
Chữ powder blue trên nền trắng có dễ đọc không?
Tỉ lệ tương phản trên nền trắng là 1.43 : 1, không đạt WCAG — nên dùng để trang trí hoặc trên nền tối.
Màu nào hợp với powder blue?
Màu bổ sung của nó là #e7b8b1; các màu tương đồng #b1e7d2 và #b1c6e7 nằm cạnh nó trên bánh xe màu.