Mã màu xanh ô liu
#808000
rgb(128, 128, 0)
hsl(60, 100%, 25%)
cmyk(0%, 0%, 100%, 50%)
Tên tiếng Anh: Olive /ˈɒlɪv/
Về màu xanh ô liu
Xanh ô liu tương ứng olive trong CSS, là vàng tối ngả xanh. Màu trung tính ấm, gắn với quân phục, thời trang utility và ẩm thực Địa Trung Hải.
Bảng sắc độ màu xanh ô liu từ nhạt đến đậm
- Pha 83% trắng #EAEAD5 rgb(234, 234, 213)
- Pha 67% trắng #D5D5AA rgb(213, 213, 170)
- Pha 50% trắng #C0C080 rgb(192, 192, 128)
- Pha 33% trắng #AAAA55 rgb(170, 170, 85)
- Pha 17% trắng #95952B rgb(149, 149, 43)
- Màu gốc #808000 rgb(128, 128, 0)
- Pha 17% đen #6B6B00 rgb(107, 107, 0)
- Pha 33% đen #555500 rgb(85, 85, 0)
- Pha 50% đen #404000 rgb(64, 64, 0)
- Pha 67% đen #2B2B00 rgb(43, 43, 0)
- Pha 83% đen #151500 rgb(21, 21, 0)
Màu xanh ô liu phối với màu gì?
Trong thiết kế, màu xanh ô liu tạo tương phản mạnh nhất với màu bổ túc là xanh navy (#000080), và phối êm, liền mạch với hai màu tương đồng #804000 (gần với nâu sô cô la) và #408000 (gần với xanh lá). Màu trung tính như trắng, xám, đen hoặc be luôn đi được với xanh ô liu khi cần nền yên tĩnh.
Màu tương phản (bổ túc)
Màu đối diện xanh ô liu trên bánh xe màu, cho độ tương phản sắc độ mạnh nhất.
- Xanh ô liu #808000
- ≈ Xanh navy #000080
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.
- ≈ Nâu sô cô la #804000
- Xanh ô liu #808000
- ≈ Xanh lá #408000
Bộ ba màu
Ba màu cách đều nhau 120°, cân bằng và sinh động.
- Xanh ô liu #808000
- ≈ Xanh cổ vịt #008080
- ≈ Tím #800080
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 ô liu?
| Màu chữ | Tỉ lệ | Chữ thường (AA ≥ 4,5) | Chữ lớn (AA ≥ 3) |
|---|---|---|---|
| Trắng #FFFFFF | 4,19 : 1 | Không đạt | Đạt |
| Đen #000000 | 5,00 : 1 | Đạt | Đạt |
Dùng màu xanh ô liu trong CSS
:root { --mau-xanh-o-liu: #808000; }
.chu { color: #808000; }
.nen { background-color: rgb(128, 128, 0); }
.vien { border: 1px solid hsl(60, 100%, 25%); }Đổi #808000 sang RGBA, HSL, OKLCH · Tạo thang 50–950 kiểu Tailwind từ màu xanh ô liu · Tạo gradient CSS với màu xanh ô liu
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 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)