Giới thiệu về Aquamarine
Aquamarine (aquamarine) là một màu xanh lơ nhạt, tươi sáng, có mã hex #7fffd4, hoặc rgb(127, 255, 212). Trong HSL, màu này có sắc độ 160°, độ bão hòa 100% và độ sáng 75%. Đâ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: aquamarine; thay cho mã hex.
Dùng Aquamarine cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Aquamarine trên nền trắng | 1.22 : 1 | không đạt |
| Chữ Aquamarine trên nền đen | 17.16 : 1 | AAA |
Trên nền aquamarine, hãy dùng chữ đen (17.16 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 cho văn bản thường và 3 : 1 cho văn bản lớn. Kiểm tra các cặp màu khác với Contrast Checker.
CSS
.element {
color: aquamarine; /* or #7fffd4 */
background-color: #7fffd4;
border: 1px solid rgb(127 255 212 / 50%);
}Các màu có tên tương tự
Xanh da trời nhạt (#87ceeb), Xanh ngọc nhạt (#afeeee), Xanh bột (#b0e0e6), Xanh da trời sáng (#87cefa), Xanh dương nhạt (#add8e6), Xanh lá nhạt (#98fb98).
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 aquamarine là gì?
#7fffd4 — tức là rgb(127, 255, 212) và hsl(160, 100%, 75%). Trong CSS, bạn cũng có thể viết trực tiếp aquamarine.
Chữ aquamarine 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à 1.22 : 1, không đạt WCAG — nên dùng để trang trí hoặc trên nền tối.
Những màu nào hợp với aquamarine?
Màu bổ sung của nó là #ff80aa; hai màu tương đồng #80ff95 và #80eaff nằm cạnh nó trên vòng tròn màu.