浅橙色

稀释后的柔和暖橙,如薄暮的淡淡微光

HEX#FFCC80
RGBrgb(255, 204, 128)
HSLhsl(36, 100%, 75%)
HSVhsv(36, 50%, 100%)
CMYKcmyk(0%, 20%, 50%, 0%)
HEXA#FFCC80FF
RGBArgba(255, 204, 128, 1)
HSLAhsla(36, 100%, 75%, 1)
OKLCHoklch(93.7%, 0.062, 82)
LCHlch(92.6%, 20.3, 108)

🎨 配色方案

相似色2-3个相邻色相(≤60°)
复制
#FF8C80
复制
#FFCC80
复制
#F2FF80
三色系3个间隔120°的色相
复制
#FFCC80
复制
#80FFCC
复制
#CC80FF
分裂互补色主色 + 互补色两侧的颜色
复制
#FFCC80
复制
#80F2FF
复制
#8C80FF
互补色2个间隔180°的色相
复制
#FFCC80
复制
#80B3FF
矩形双互补色4个形成矩形的色相
复制
#FFCC80
复制
#80FF8C
复制
#80B3FF
复制
#FF80F2
单色系单一色相,变化饱和度和亮度
复制
#B36B00
复制
#FFA31A
复制
#FFCC80
复制
#FFF5E5
复制
#FFFFFF

♿ WCAG 对比度配色

深入了解 →
Aa14px 正文
高对比文字
#5C3700对比度 7.1:1AAA
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
#576100对比度 4.6:1AA
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
#378A00对比度 3:1AA Large
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
#00AD68对比度 2:1Fail
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
#754600复制
#9E5F00复制
#CC7A00复制
#FA9600复制
#FFA724复制
#FFBA52复制
#FFCC80复制
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
#D9C4A6复制
#DFC69F复制
#E6C799复制
#ECC893复制
#F2C98C复制
#F9CB86复制
#FFCC80复制
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
#4C3E29复制
#70562E复制
#9C7130复制
#CE8D2C复制
#E6A23D复制
#F5B85C复制
#FFCC80复制
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
#FFAC80复制
#FFB780复制
#FFC180复制
#FFCC80复制
#FFD780复制
#FFE180复制
#FFEC80复制

💡 适用场景

👶

婴儿用品

安全柔软的性别中立色彩,呵护初生生命的柔软时光。

🍰

烘焙甜品

奶油与戚风蛋糕的食欲色,视觉散发淡淡甜味。

📖

手账文具

柔和纸张与墨水色,让书写记录成为一种放松。

🛋️

亚麻织物

素色棉麻沙发套与窗帘,营造呼吸感十足的温暖。

📜 起源与历史

浅橙色在古代颜料工业中并不易得,因为天然染料难以达到如此高明度且稳定的色牢度。直到文艺复兴时期,意大利画家开始以铅白调合橙黄,创造出描绘人物肤色高光的浅橙色薄釉。

18世纪洛可可时代,蓬巴杜夫人引领的宫廷时尚推崇柔和色彩。浅橙色出现在贵妇的塔夫绸裙撑与扇面上,比纯白多一份暖意,比金色少一份张扬,成为凡尔赛宫午后沙龙中最得体的颜色。

19世纪末,新艺术运动的艺术家们从植物形态中汲取灵感,浅橙色在穆夏的石版画海报中用于女性发丝的光晕渲染,营造出恍若非尘世的优雅与梦幻。

20世纪50年代,意大利战后经济复苏,浅橙色在家居设计中被广泛使用。北欧设计师也将其引入胶合板家具的色彩体系,为冷冽的现代主义注入一丝人性的暖意。

如今,浅橙色作为网页设计中的安全暖色,大量出现在生活类应用与亲子平台的界面中。它保留了暖色的亲切感,却不会像高饱和橙色那样引起视觉疲劳,是数字世界的温柔乡。

🧠 色彩心理学

温润如蜂蜜水般色泽,带来不烫手的恰到好处的暖意。
纯真低饱和浅色唤起童年记忆中的棉花糖与旧时光。
恬静视觉上无攻击性,适合需要长时间停留的安静氛围。
包容像柔光滤镜般中和环境的尖锐感,接纳一切状态。
初生如雏鸟绒毛的颜色,象征崭新开始与可期待的未来。
治愈如杏仁奶般的色调,在疲惫时给予无需多言的安慰。