Mã màu xanh cổ vịt
#008080
rgb(0, 128, 128)
hsl(180, 100%, 25%)
cmyk(100%, 0%, 0%, 50%)
Tên tiếng Anh: Teal /tiːl/
Về màu xanh cổ vịt
Xanh cổ vịt tương ứng teal trong CSS, là xanh ngọc ở độ sáng thấp. Màu điềm tĩnh, sang, thường dùng cho nội thất, thương hiệu công nghệ và phối với cam đất, vàng mù tạt.
Bảng sắc độ màu xanh cổ vịt từ nhạt đến đậm
- Pha 83% trắng #D5EAEA rgb(213, 234, 234)
- Pha 67% trắng #AAD5D5 rgb(170, 213, 213)
- Pha 50% trắng #80C0C0 rgb(128, 192, 192)
- Pha 33% trắng #55AAAA rgb(85, 170, 170)
- Pha 17% trắng #2B9595 rgb(43, 149, 149)
- Màu gốc #008080 rgb(0, 128, 128)
- Pha 17% đen #006B6B rgb(0, 107, 107)
- Pha 33% đen #005555 rgb(0, 85, 85)
- Pha 50% đen #004040 rgb(0, 64, 64)
- Pha 67% đen #002B2B rgb(0, 43, 43)
- Pha 83% đen #001515 rgb(0, 21, 21)
Màu xanh cổ vịt phối với màu gì?
Trong thiết kế, màu xanh cổ vịt tạo tương phản mạnh nhất với màu bổ túc là #800000 (gần với nâu đỏ), và phối êm, liền mạch với hai màu tương đồng #008040 (gần với xanh lá đậm) và #004080 (gần với xanh coban). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với xanh cổ vịt khi cần nền yên tĩnh.
Màu tương phản (bổ túc)
Màu đối diện xanh cổ vịt trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- Xanh cổ vịt #008080
- ≈ Nâu đỏ #800000
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 lá đậm #008040
- Xanh cổ vịt #008080
- ≈ Xanh coban #004080
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- Xanh cổ vịt #008080
- ≈ Tím #800080
- ≈ Xanh ô liu #808000
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 cổ vịt · Trộn màu gì ra màu xanh cổ vịt?
Chữ trắng hay chữ đen trên nền xanh cổ vịt?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 4,77 : 1 | Đạt | Đạt |
| Đen #000000 | 4,39 : 1 | Không đạt | Đạt |
Dùng màu xanh cổ vịt trong CSS
:root { --mau-xanh-co-vit: #008080; }
.chu { color: #008080; }
.nen { background-color: rgb(0, 128, 128); }
.vien { border: 1px solid hsl(180, 100%, 25%); }Chuyển mã màu xanh cổ vịt sang định dạng khác · Sinh bảng sắc độ Tailwind cho #008080 · 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 lơ #00FFFF rgb(0, 255, 255)
- Xanh Tiffany #0ABAB5 rgb(10, 186, 181)
- Xanh ngọc lam #7FFFD4 rgb(127, 255, 212)