橙黄
橙与黄的过渡色,明亮欢快
HEX
#F5A623RGB
rgb(245, 166, 35)HSL
hsl(37, 91%, 55%)HSV
hsv(37, 86%, 96%)CMYK
cmyk(0%, 32%, 86%, 4%)HEXA
#F5A623FFRGBA
rgba(245, 166, 35, 1)HSLA
hsla(37, 91%, 55%, 1)OKLCH
oklch(88%, 0.133, 89)LCH
lch(86%, 54.2, 96)🎨 配色方案
相似色2-3个相邻色相(≤60°)
复制
#F53C24复制
#F5A623复制
#DCF524三色系3个间隔120°的色相
复制
#F5A623复制
#24F5A5复制
#A524F5分裂互补色主色 + 互补色两侧的颜色
复制
#F5A623复制
#24DCF5复制
#3C24F5互补色2个间隔180°的色相
复制
#F5A623复制
#2474F5矩形双互补色4个形成矩形的色相
复制
#F5A623复制
#24F53C复制
#2474F5复制
#F524DC单色系单一色相,变化饱和度和亮度
复制
#492E03复制
#AA6C08复制
#F5A623复制
#F9CD85复制
#FEF5E7♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,步进调整明度 ±30%
饱和度变化 (Saturation)固定色相与明度,步进调整饱和度 ±30%
明度 + 饱和度混合变化同时调整明度与饱和度,步进变化
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
安全标识
救生衣、路障锥标与警示牌的基色,利用高可见度保障人员安全,国际通用警示色。
儿童空间
幼儿园墙面、游戏设施与教玩具设计用色,符合儿童对明亮颜色的偏好,促进感官发育。
运动装备
跑鞋、运动服与户外背包配色,激发运动时的肾上腺素,传递速度与激情的视觉信号。
派对布置
气球彩带与主题派对装饰的主色调,快速营造热烈欢腾的庆典气氛,释放快乐情绪。
📜 起源与历史
橙黄作为独立的颜色概念在中国出现较晚,但其色彩实践早已存在。汉代丝织品中即有用栀子、黄栌染出的黄橙色织物,长沙马王堆出土丝帛即有此色。
唐代色谱逐渐精细化,橙黄介于杏黄与橘红之间,被视为充满朝气的过渡色。敦煌壁画中的飞天飘带与佛光背光中,橙黄被大量用于表现神圣光辉与升腾的动感。
宋应星《天工开物》详细记载了红花、槐花等染料套染技术,工匠可熟练染出稳定的橙黄色。此时橙黄已广泛应用于官员常服与民间喜庆服饰中。
明清时期,橙黄在琉璃瓦、宫廷彩画中被严格限定使用等级,故宫太和殿的琉璃瓦即呈现出耀眼的橙黄光泽,象征皇权的至高无上与光明正大。
现代社会橙黄被视为高可见度安全色,广泛用于救生设备、交通标识与户外运动装备中,同时因其欢快明亮的特质成为儿童产品与休闲娱乐场所的常用色。
🧠 色彩心理学
欢快混合了黄色的轻快与橙色的热忱,犹如阳光跳动的音符,能有效提振情绪与精神状态。
醒目明度与饱和度双高,在环境中具备极强的视觉穿透力,令人不由自主地被吸引注意。
朝气令人联想到初升太阳与萌发的新芽,象征青春与活力,激发迎向挑战的勇气与热情。
创造活跃的大脑皮层在橙黄环境中更易产生发散思维,有助于创意思考与灵感的迸发。
温暖黄色基底上叠加橙的暖意,视觉温度感适宜,不会灼热却能有效驱散阴冷与阴郁。
自由不羁于红的热烈与黄的稚嫩,橙黄保持独立个性,激发打破常规与自我表达的自由渴望。