Mã màu xanh ngọc lam
#7FFFD4
rgb(127, 255, 212)
hsl(160, 100%, 75%)
cmyk(50%, 0%, 17%, 0%)
Tên tiếng Anh: Aquamarine
Về màu xanh ngọc lam
Xanh ngọc lam tương ứng aquamarine trong CSS, nhạt và ngả xanh lá hơn xanh ngọc. Màu nhẹ nhàng, hợp với nền giao diện mùa hè và sản phẩm chăm sóc da.
Bảng sắc độ màu xanh ngọc lam từ nhạt đến đậm
- Pha 83% trắng #EAFFF8 rgb(234, 255, 248)
- Pha 67% trắng #D4FFF1 rgb(212, 255, 241)
- Pha 50% trắng #BFFFEA rgb(191, 255, 234)
- Pha 33% trắng #AAFFE2 rgb(170, 255, 226)
- Pha 17% trắng #94FFDB rgb(148, 255, 219)
- Màu gốc #7FFFD4 rgb(127, 255, 212)
- Pha 17% đen #6AD5B1 rgb(106, 213, 177)
- Pha 33% đen #55AA8D rgb(85, 170, 141)
- Pha 50% đen #40806A rgb(64, 128, 106)
- Pha 67% đen #2A5547 rgb(42, 85, 71)
- Pha 83% đen #152B23 rgb(21, 43, 35)
Màu xanh ngọc lam phối với màu gì?
Trong thiết kế, màu xanh ngọc lam tạo tương phản mạnh nhất với màu bổ túc là #FF80AA (gần với hồng cánh sen), và phối êm, liền mạch với hai màu tương đồng #80FF95 (gần với xanh mint) và #80EAFF (gần với xanh da trời). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với xanh ngọc lam khi cần nền yên tĩnh.
Màu tương phản (bổ túc)
Màu đối diện xanh ngọc lam trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- Xanh ngọc lam #7FFFD4
- ≈ Hồng cánh sen #FF80AA
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 #80FF95
- Xanh ngọc lam #7FFFD4
- ≈ Xanh da trời #80EAFF
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- Xanh ngọc lam #7FFFD4
- ≈ Tím lavender #D580FF
- ≈ Vàng mù tạt #FFD580
Mở màu này trong công cụ phối màu · Chỉnh độ sáng, độ bão hoà của màu xanh ngọc lam · Trộn màu gì ra màu xanh ngọc lam?
Chữ trắng hay chữ đen trên nền xanh ngọc lam?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 1,22 : 1 | Không đạt | Không đạt |
| Đen #000000 | 17,15 : 1 | Đạt | Đạt |
Dùng màu xanh ngọc lam trong CSS
:root { --mau-xanh-ngoc-lam: #7FFFD4; }
.chu { color: #7FFFD4; }
.nen { background-color: rgb(127, 255, 212); }
.vien { border: 1px solid hsl(160, 100%, 75%); }Chuyển mã màu xanh ngọc lam sang định dạng khác · Sinh bảng sắc độ Tailwind cho #7FFFD4 · Làm nền chuyển sắc từ màu này
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 lơ #00FFFF rgb(0, 255, 255)
- Xanh Tiffany #0ABAB5 rgb(10, 186, 181)