Mã màu xanh nõn chuối
#7FFF00
rgb(127, 255, 0)
hsl(90, 100%, 50%)
cmyk(50%, 0%, 100%, 0%)
Tên tiếng Anh: Chartreuse
Về màu xanh nõn chuối
Xanh nõn chuối nằm chính giữa vàng và xanh lá, tương ứng chartreuse trong CSS. Màu cực kỳ nổi bật, dùng cho điểm nhấn thể thao và đồ phản quang.
Bảng sắc độ màu xanh nõn chuối từ nhạt đến đậm
- Pha 83% trắng #EAFFD5 rgb(234, 255, 213)
- Pha 67% trắng #D4FFAA rgb(212, 255, 170)
- Pha 50% trắng #BFFF80 rgb(191, 255, 128)
- Pha 33% trắng #AAFF55 rgb(170, 255, 85)
- Pha 17% trắng #94FF2B rgb(148, 255, 43)
- Màu gốc #7FFF00 rgb(127, 255, 0)
- Pha 17% đen #6AD500 rgb(106, 213, 0)
- Pha 33% đen #55AA00 rgb(85, 170, 0)
- Pha 50% đen #408000 rgb(64, 128, 0)
- Pha 67% đen #2A5500 rgb(42, 85, 0)
- Pha 83% đen #152B00 rgb(21, 43, 0)
Màu xanh nõn chuối phối với màu gì?
Trong thiết kế, màu xanh nõn chuối tạo tương phản mạnh nhất với màu bổ túc là #8000FF (gần với tím violet), và phối êm, liền mạch với hai màu tương đồng vàng (#FFFF00) và #00FF00 (gần với xanh lá pastel). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với xanh nõn chuối khi cần nền yên tĩnh.
Màu tương phản (bổ túc)
Màu đối diện xanh nõn chuối trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- Xanh nõn chuối #7FFF00
- ≈ Tím violet #8000FF
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.
- ≈ Vàng #FFFF00
- Xanh nõn chuối #7FFF00
- ≈ Xanh nõn chuối #00FF00
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- Xanh nõn chuối #7FFF00
- ≈ Xanh hoàng gia #0080FF
- ≈ Hồng đậm #FF0080
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 nõn chuối?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 1,29 : 1 | Không đạt | Không đạt |
| Đen #000000 | 16,20 : 1 | Đạt | Đạt |
Dùng màu xanh nõn chuối trong CSS
:root { --mau-xanh-non-chuoi: #7FFF00; }
.chu { color: #7FFF00; }
.nen { background-color: rgb(127, 255, 0); }
.vien { border: 1px solid hsl(90, 100%, 50%); }Đổi #7FFF00 sang RGBA, HSL, OKLCH · Tạo thang 50–950 kiểu Tailwind từ màu xanh nõn chuối · Tạo gradient CSS với màu xanh nõn chuối
Các màu khác trong nhóm xanh lá
- Xanh lá #008000 rgb(0, 128, 0)
- 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 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)