Mã màu Aqua (#00ffff)

Aqua là #00ffff ở dạng hex và rgb(0, 255, 255), một màu cyan đậm vừa phải. Dưới đây là mọi định dạng màu, sắc độ và tông tối, phối màu, cùng mức độ dễ đọc khi dùng làm chữ.

Cập nhật

Aqua
#00ffff
Tên CSSaqua (cũng gọi là cyan)
Hex#00ffff
RGBrgb(0, 255, 255)
HSLhsl(180 100% 50%)
HWBhwb(180 0% 0%)
CMYK100%, 0%, 0%, 0%

Sắc độ và tông tối

Phối màu hài hòa

Về màu Aqua

Aqua (aqua) là màu cyan vừa phải, rực rỡ, có mã hex #00ffff, hoặc rgb(0, 255, 255). Trong HSL, màu này có sắc độ 180°, độ bão hòa 100% và độ sáng 50%. CSS cũng chấp nhận cách viết cyan cho đúng màu này. Đây là một trong 148 tên màu có sẵn mà mọi trình duyệt đều hiểu, nên bạn có thể viết color: aqua; thay cho mã hex.

Dùng Aqua cho chữ và nền

Cặp màuTỷ lệ tương phảnWCAG
Chữ Aqua trên nền trắng1.25 : 1không đạt
Chữ Aqua trên nền đen16.75 : 1AAA

Trên nền aqua, hãy dùng chữ đen (16.75 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 với văn bản thường và 3 : 1 với văn bản lớn. Kiểm tra các cặp màu khác với Công cụ kiểm tra độ tương phản.

CSS

.element {
  color: aqua;               /* or #00ffff */
  background-color: #00ffff;
  border: 1px solid rgb(0 255 255 / 50%);
}

Các màu có tên tương tự

Xanh da trời đậm (#00bfff), Ngọc lam đậm (#00ced1), Ngọc lam (#40e0d0), Ngọc lam vừa (#48d1cc), Xanh lá xuân vừa (#00fa9a), Xanh Dodger (#1e90ff).

Câu hỏi thường gặp

Mã hex của aqua là gì?
#00ffff, tức là rgb(0, 255, 255) và hsl(180, 100%, 50%). Trong CSS, bạn cũng có thể viết trực tiếp aqua.
Chữ aqua 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.25 : 1, không đạt chuẩn WCAG. Hãy dùng nó để trang trí hoặc đặt trên nền tối.
Những màu nào hợp với aqua?
Màu bổ sung của nó là #ff0000. Các màu tương đồng #00ff80 và #0080ff nằm cạnh nó trên vòng tròn màu.