浅橙色
稀释后的柔和暖橙,如薄暮的淡淡微光
HEX
#FFCC80RGB
rgb(255, 204, 128)HSL
hsl(36, 100%, 75%)HSV
hsv(36, 50%, 100%)CMYK
cmyk(0%, 20%, 50%, 0%)HEXA
#FFCC80FFRGBA
rgba(255, 204, 128, 1)HSLA
hsla(36, 100%, 75%, 1)OKLCH
oklch(93.7%, 0.062, 82)LCH
lch(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 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
婴儿用品
安全柔软的性别中立色彩,呵护初生生命的柔软时光。
烘焙甜品
奶油与戚风蛋糕的食欲色,视觉散发淡淡甜味。
手账文具
柔和纸张与墨水色,让书写记录成为一种放松。
亚麻织物
素色棉麻沙发套与窗帘,营造呼吸感十足的温暖。
📜 起源与历史
浅橙色在古代颜料工业中并不易得,因为天然染料难以达到如此高明度且稳定的色牢度。直到文艺复兴时期,意大利画家开始以铅白调合橙黄,创造出描绘人物肤色高光的浅橙色薄釉。
18世纪洛可可时代,蓬巴杜夫人引领的宫廷时尚推崇柔和色彩。浅橙色出现在贵妇的塔夫绸裙撑与扇面上,比纯白多一份暖意,比金色少一份张扬,成为凡尔赛宫午后沙龙中最得体的颜色。
19世纪末,新艺术运动的艺术家们从植物形态中汲取灵感,浅橙色在穆夏的石版画海报中用于女性发丝的光晕渲染,营造出恍若非尘世的优雅与梦幻。
20世纪50年代,意大利战后经济复苏,浅橙色在家居设计中被广泛使用。北欧设计师也将其引入胶合板家具的色彩体系,为冷冽的现代主义注入一丝人性的暖意。
如今,浅橙色作为网页设计中的安全暖色,大量出现在生活类应用与亲子平台的界面中。它保留了暖色的亲切感,却不会像高饱和橙色那样引起视觉疲劳,是数字世界的温柔乡。
🧠 色彩心理学
温润如蜂蜜水般色泽,带来不烫手的恰到好处的暖意。
纯真低饱和浅色唤起童年记忆中的棉花糖与旧时光。
恬静视觉上无攻击性,适合需要长时间停留的安静氛围。
包容像柔光滤镜般中和环境的尖锐感,接纳一切状态。
初生如雏鸟绒毛的颜色,象征崭新开始与可期待的未来。
治愈如杏仁奶般的色调,在疲惫时给予无需多言的安慰。