Mã màu xanh lá
#008000
rgb(0, 128, 0)
hsl(120, 100%, 25%)
cmyk(100%, 0%, 100%, 50%)
Tên tiếng Anh: Green /ɡriːn/
Về màu xanh lá
Xanh lá chuẩn của CSS (green) có mã #008000, tối hơn xanh lá thuần RGB #00FF00 (lime). Màu gắn với thiên nhiên, trạng thái thành công và các thương hiệu sức khoẻ, môi trường.
Bảng sắc độ màu xanh lá từ nhạt đến đậm
- Pha 83% trắng #D5EAD5 rgb(213, 234, 213)
- Pha 67% trắng #AAD5AA rgb(170, 213, 170)
- Pha 50% trắng #80C080 rgb(128, 192, 128)
- Pha 33% trắng #55AA55 rgb(85, 170, 85)
- Pha 17% trắng #2B952B rgb(43, 149, 43)
- Màu gốc #008000 rgb(0, 128, 0)
- Pha 17% đen #006B00 rgb(0, 107, 0)
- Pha 33% đen #005500 rgb(0, 85, 0)
- Pha 50% đen #004000 rgb(0, 64, 0)
- Pha 67% đen #002B00 rgb(0, 43, 0)
- Pha 83% đen #001500 rgb(0, 21, 0)
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à tím (#800080), và phối êm, liền mạch với hai màu tương đồng #408000 (gần với xanh lá đậm) và #008040 (gần với xanh lá đậm). 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á #008000
- ≈ Tím #800080
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á #408000
- Xanh lá #008000
- ≈ Xanh lá đậm #008040
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- Xanh lá #008000
- ≈ Xanh navy #000080
- ≈ Nâu đỏ #800000
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 | 5,13 : 1 | Đạt | Đạt |
| Đen #000000 | 4,08 : 1 | Không đạt | Đạt |
Dùng màu xanh lá trong CSS
:root { --mau-xanh-la: #008000; }
.chu { color: #008000; }
.nen { background-color: rgb(0, 128, 0); }
.vien { border: 1px solid hsl(120, 100%, 25%); }Đổi #008000 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 lá
- Xanh lá đậm #006400 rgb(0, 100, 0)
- Xanh lá nhạt #90EE90 rgb(144, 238, 144)
- Xanh lá pastel #77DD77 rgb(119, 221, 119)
- Xanh rêu #8A9A5B rgb(138, 154, 91)
- Xanh mint #98FF98 rgb(152, 255, 152)
- Xanh ô liu #808000 rgb(128, 128, 0)
- Xanh nõn chuối #7FFF00 rgb(127, 255, 0)
- Xanh lục bảo #50C878 rgb(80, 200, 120)
- Xanh ngọc bích #00A86B rgb(0, 168, 107)
- Xanh lá mạ #9ACD32 rgb(154, 205, 50)
- Xanh quân đội #4B5320 rgb(75, 83, 32)