纯橙色
标准橙色,饱满鲜活如成熟柑橘
HEX
#FFA500RGB
rgb(255, 165, 0)HSL
hsl(39, 100%, 50%)HSV
hsv(39, 100%, 100%)CMYK
cmyk(0%, 35%, 100%, 0%)HEXA
#FFA500FFRGBA
rgba(255, 165, 0, 1)HSLA
hsla(39, 100%, 50%, 1)OKLCH
oklch(87.8%, 0.18, 93)LCH
lch(85.8%, 84, 95)🎨 配色方案
相似色2-3个相邻色相(≤60°)
复制
#FF2600复制
#FFA500复制
#D9FF00三色系3个间隔120°的色相
复制
#FFA500复制
#00FFA6复制
#A600FF分裂互补色主色 + 互补色两侧的颜色
复制
#FFA500复制
#00D9FF复制
#2600FF互补色2个间隔180°的色相
复制
#FFA500复制
#0059FF矩形双互补色4个形成矩形的色相
复制
#FFA500复制
#00FF26复制
#0059FF复制
#FF00D9单色系单一色相,变化饱和度和亮度
复制
#332100复制
#996300复制
#FFA500复制
#FFC966复制
#FFEDCC♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
数字界面
用于按钮与强调元素,引导用户行动且不造成紧迫感。
家居配饰
以靠垫或小件家具形式点睛,为空间注入温暖活力。
运动装备
激发能量与动感,常见于跑步鞋与户外服饰设计。
安全警示
高可视性使其成为交通锥与救生设备的国际标准色。
📜 起源与历史
纯橙色是人类最早认知并命名的色彩之一,其英文名Orange源于梵语naranga,经阿拉伯语nāranj传入欧洲。在古埃及,橙色被用于墓葬壁画中描绘来世盛宴,象征着生命力与再生。
中世纪欧洲,橙色因稀有而珍贵。番红花与雄黄等矿物颜料价格高昂,常用于手抄本插画和贵族纹章。直到15世纪橙子从亚洲传入南欧,橙色才逐渐与这种水果深度绑定,成为大众熟悉的色彩。
18世纪,随着化学颜料工业兴起,铬橙等合成颜料的发明使纯橙色得以标准化量产。印象派画家大量使用纯橙色捕捉光与影的变幻,使其成为现代艺术的重要语汇。
20世纪,纯橙色被广泛应用于安全警示领域——交通锥、救生衣、航空黑匣子均采用此色,因其在灰暗环境中具有极高的可视性。纯橙色从此兼具美感与功能。
进入数字时代,纯橙色在UI设计中扮演关键角色,作为行动号召按钮的首选色,它传递着积极、温暖且不具侵略性的视觉信号,成为跨越文化的通用色彩语言。
🧠 色彩心理学
活力高饱和度的橙色调激发身体能量与运动冲动,让人联想到日出与成长。
友善比红色温柔、比黄色稳重,纯橙色传递社交性的温暖与包容。
乐观明快色调刺激多巴胺分泌,提升积极情绪与对未来期待。
创造鲜活色彩打破沉闷,激发大脑的发散性思维与艺术灵感。
年轻充满朝气的色彩语言,与青春、潮流文化自然契合。
醒目高可见波长使其在视觉上主动前倾,天然具备引起注意的能力。