Giới thiệu về Teal
Teal (teal) là màu cyan đậm, sống động, có mã hex #008080, hoặc rgb(0, 128, 128). Trong HSL, màu có sắc độ (hue) 180°, độ 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: teal; thay vì mã hex.
Dùng Teal làm chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Teal trên nền trắng | 4.77 : 1 | AA |
| Chữ Teal trên nền đen | 4.40 : 1 | Chỉ AA cho chữ lớn |
Trên nền teal, dùng chữ trắng (4.77 : 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. Kiểm tra các cặp khác bằng Contrast Checker.
CSS
.element {
color: teal; /* or #008080 */
background-color: #008080;
border: 1px solid rgb(0 128 128 / 50%);
}Các màu có tên tương tự
Cyan đậm (#008b8b), Xanh biển (#2e8b57), Xanh biển nhạt (#20b2aa), Xanh biển vừa (#3cb371), Xám đá phiến đậm (#2f4f4f), Xanh thép (#4682b4).
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 teal là gì?
#008080 — tức là rgb(0, 128, 128) và hsl(180, 100%, 25%). Trong CSS, bạn cũng có thể chỉ cần viết teal.
Chữ teal 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à 4.77 : 1, đạt chuẩn WCAG AA cho văn bản thường.
Những màu nào hợp với teal?
Màu bổ sung của nó là #800000; các màu tương tự #008040 và #004080 nằm cạnh nó trên vòng màu.