颜色代码与配色
橙色色值与色阶
橙色结合红色的能量和黄色的温暖，从亲切的桃色、鲜明的橘色延伸到沉稳的焦橙色，适合需要活力但不希望像红色那样紧迫的设计。
橙色 #F97316
颜色格式
同一基础色在常用网页格式中的表示。
HEX
#F97316 RGB
rgb(249, 115, 22) HSL
hsl(25, 95%, 53%) OKLCH
oklch(70.0% 0.187 48.0) 橙色结合红色的能量和黄色的温暖，从亲切的桃色、鲜明的橘色延伸到沉稳的焦橙色，适合需要活力但不希望像红色那样紧迫的设计。
色调
| 颜色 | 名称 | Hex | |
|---|---|---|---|
| Papaya | #FFF7ED | ||
| Peach | #FFEDD5 | ||
| Apricot | #FED7AA | ||
| Light Orange | #FDBA74 | ||
| Tangerine | #FB923C | ||
| Orange | #F97316 | ||
| Pumpkin | #EA580C | ||
| Burnt Orange | #C2410C | ||
| Rust | #9A3412 | ||
| Brown Orange | #7C2D12 | ||
| Amber Light | #FEF3C7 | ||
| Amber | #FDE68A | ||
| Gold | #FCD34D | ||
| Honey | #FBBF24 | ||
| Marigold | #F59E0B | ||
| Copper | #D97706 | ||
| Bronze | #B45309 | ||
| Caramel | #92400E | ||
| Chocolate | #78350F | ||
| Sienna | #451A03 |
三角和谐色
在色轮上等距分布的三种颜色，适合建立有对比又平衡的方案。
文字对比度
以下比值基于 WCAG 相对亮度公式。
白色文字NaN:1
黑色文字NaN:1
橙色的使用场景
01
亲切的行动按钮
02
户外与创意品牌
03
数据可视化中的暖色强调