颜色代码与配色
橄榄色色值与色阶
橄榄色是低饱和黄与绿的组合，标准值为 #808000。它具有自然质朴的气质，适合实用、植物和传统配色，尤其适合搭配米色与深棕色。
橄榄色 #808000
颜色格式
同一基础色在常用网页格式中的表示。
HEX
#808000 RGB
rgb(128, 128, 0) HSL
hsl(60, 100%, 25%) OKLCH
oklch(58.0% 0.127 110.0) 橄榄色是低饱和黄与绿的组合，标准值为 #808000。它具有自然质朴的气质，适合实用、植物和传统配色，尤其适合搭配米色与深棕色。
色调
| 颜色 | 名称 | Hex | |
|---|---|---|---|
| Olive 50 | #FFFFE5 | ||
| Olive 100 | #FFFFB3 | ||
| Olive 200 | #FFFF80 | ||
| Olive 300 | #FFFF4D | ||
| Olive 400 | #FFFF1A | ||
| Olive 500 | #E5E600 | ||
| Olive 600 | #B2B300 | ||
| Olive 700 | #7F8000 | ||
| Olive 800 | #4C4D00 | ||
| Olive 900 | #191A00 |
三角和谐色
在色轮上等距分布的三种颜色，适合建立有对比又平衡的方案。
文字对比度
以下比值基于 WCAG 相对亮度公式。
白色文字NaN:1
黑色文字NaN:1
橄榄色的使用场景
01
户外与实用产品
02
植物主题编辑配色
03
搭配米色和棕色的传统风格