Mã màu xanh lơ
#00FFFF
rgb(0, 255, 255)
hsl(180, 100%, 50%)
cmyk(100%, 0%, 0%, 0%)
Tên tiếng Anh: Cyan /ˈsaɪən/
Về màu xanh lơ
Xanh lơ (cyan, còn gọi aqua trong CSS) là màu cơ bản của hệ in CMYK và là màu bổ túc của đỏ trong RGB. Màu rất sáng nên chủ yếu dùng làm điểm nhấn trên nền tối.
Bảng sắc độ màu xanh lơ từ nhạt đến đậm
- Pha 83% trắng #D5FFFF rgb(213, 255, 255)
- Pha 67% trắng #AAFFFF rgb(170, 255, 255)
- Pha 50% trắng #80FFFF rgb(128, 255, 255)
- Pha 33% trắng #55FFFF rgb(85, 255, 255)
- Pha 17% trắng #2BFFFF rgb(43, 255, 255)
- Màu gốc #00FFFF rgb(0, 255, 255)
- Pha 17% đen #00D5D5 rgb(0, 213, 213)
- Pha 33% đen #00AAAA rgb(0, 170, 170)
- Pha 50% đen #008080 rgb(0, 128, 128)
- Pha 67% đen #005555 rgb(0, 85, 85)
- Pha 83% đen #002B2B rgb(0, 43, 43)
Màu xanh lơ phối với màu gì?
Trong thiết kế, màu xanh lơ tạo tương phản mạnh nhất với màu bổ túc là đỏ (#FF0000), và phối êm, liền mạch với hai màu tương đồng #00FF80 (gần với xanh mint) và #0080FF (gần với xanh hoàng gia). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với xanh lơ khi cần nền yên tĩnh.
Màu tương phản (bổ túc)
Màu đối diện xanh lơ trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- Xanh lơ #00FFFF
- ≈ Đỏ #FF0000
Màu tương đồng
Hai màu nằm sát hai bên trên bánh xe màu, phối cùng nhau cho cảm giác êm, liền mạch.
- ≈ Xanh mint #00FF80
- Xanh lơ #00FFFF
- ≈ Xanh hoàng gia #0080FF
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- Xanh lơ #00FFFF
- ≈ Hồng tím #FF00FF
- ≈ Vàng #FFFF00
Mở màu này trong công cụ phối màu · Tinh chỉnh bằng color picker · Pha màu này thế nào?
Chữ trắng hay chữ đen trên nền xanh lơ?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 1,25 : 1 | Không đạt | Không đạt |
| Đen #000000 | 16,74 : 1 | Đạt | Đạt |
Dùng màu xanh lơ trong CSS
:root { --mau-xanh-lo: #00FFFF; }
.chu { color: #00FFFF; }
.nen { background-color: rgb(0, 255, 255); }
.vien { border: 1px solid hsl(180, 100%, 50%); }Đổi #00FFFF sang RGBA, HSL, OKLCH · Tạo thang 50–950 kiểu Tailwind từ màu xanh lơ · Tạo gradient CSS với màu xanh lơ
Các màu khác trong nhóm xanh ngọc
- Xanh ngọc #40E0D0 rgb(64, 224, 208)
- Xanh cổ vịt #008080 rgb(0, 128, 128)
- Xanh Tiffany #0ABAB5 rgb(10, 186, 181)
- Xanh ngọc lam #7FFFD4 rgb(127, 255, 212)