Về màu xanh ngọc lam
Xanh ngọc lam (turquoise) là một màu cyan đậm, rực rỡ, có mã hex #40e0d0, hoặc rgb(64, 224, 208). Trong HSL, màu này có sắc độ 174°, độ bão hòa 72% và độ sáng 56%. Đâ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: turquoise; thay vì mã hex.
Dùng xanh ngọc lam cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ xanh ngọc lam trên nền trắng | 1.64 : 1 | không đạt |
| Chữ xanh ngọc lam trên nền đen | 12.79 : 1 | AAA |
Khi nền là xanh ngọc lam, hãy dùng chữ đen (12.79 : 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ữ cỡ 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: turquoise; /* or #40e0d0 */
background-color: #40e0d0;
border: 1px solid rgb(64 224 208 / 50%);
}
Các màu có tên tương tự
Medium Turquoise (#48d1cc), Medium Aquamarine (#66cdaa), Dark Turquoise (#00ced1), Light Sea Green (#20b2aa), Aquamarine (#7fffd4), Sky Blue (#87ceeb).
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.