亮黄色
极致明亮的高饱和黄,耀眼夺目
HEX
#FFFF33RGB
rgb(255, 255, 51)HSL
hsl(60, 100%, 60%)HSV
hsv(60, 80%, 100%)CMYK
cmyk(0%, 0%, 80%, 0%)HEXA
#FFFF33FFRGBA
rgba(255, 255, 51, 1)HSLA
hsla(60, 100%, 60%, 1)OKLCH
oklch(97.5%, 0.153, 109)LCH
lch(97.7%, 63.2, 113)🎨 配色方案
相似色2-3个相邻色相(≤60°)
复制
#FF9933复制
#FFFF33复制
#99FF33三色系3个间隔120°的色相
复制
#FFFF33复制
#33FFFF复制
#FF33FF分裂互补色主色 + 互补色两侧的颜色
复制
#FFFF33复制
#3399FF复制
#9933FF互补色2个间隔180°的色相
复制
#FFFF33复制
#3333FF矩形双互补色4个形成矩形的色相
复制
#FFFF33复制
#33FF99复制
#3333FF复制
#FF3399单色系单一色相,变化饱和度和亮度
复制
#666600复制
#CCCC00复制
#FFFF33复制
#FFFF99复制
#FFFFFF♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
表情符号
每天60亿个亮黄色笑脸在全球手机间穿梭,它超越了种族与语言的边界,是数字世界最通用的表情。
车载交互
特斯拉中控屏用亮黄色标示自动辅助驾驶状态,驾驶员余光扫到黄色光晕便知车子在接管方向盘。
电商促销角标
亮黄色标签贴在商品主图的左上角,用户在瀑布流中飞速滑动时余光被亮黄色钩住,手指不由自主停顿。
游戏高亮
开放世界游戏用亮黄色标记可互动物体,玩家在灰暗场景中老远就能看到攀爬点,是设计师留给玩家的仁慈。
📜 起源与历史
亮黄色是现代显示技术的产物。早期CRT显示器只能呈现有限的黄色色域,那种黄偏暗偏土。直到液晶与OLED技术成熟后,屏幕才能发出接近纯光谱黄的极致明亮黄色,这是人类第一次可以用像素而非颜料制造出刺眼的黄。
1984年苹果麦金塔电脑发布时亮黄色作为高亮色首次进入数字界面。初代MacPaint绘图软件将亮黄色列入默认调色盘,用户可以用鼠标在黑白界面上点出耀眼的黄色像素块,这是普通人第一次亲手操控屏幕上的亮黄。
1990年代MTV频道的视觉包装将亮黄色推向流行文化巅峰。电视台的LOGO动画与字幕大量使用亮黄配品红的碰撞配色,那种刺眼的搭配在显像管电视上尤其扎眼,完美迎合了垃圾摇滚与锐舞文化对视觉刺激的追求。
2000年后亮黄色成为表情符号的标准色。统一码联盟为笑脸与手势表情选定亮黄色作为肤色中立项,这个决定避开了种族争议也最大化跨平台显示的一致性。每天全球数十亿个亮黄色笑脸在屏幕上被发送与接收。
当代数字产品设计正在重新评估亮黄色。特斯拉车载界面使用亮黄色作为Autopilot激活状态色,年轻人常用的协作工具将亮黄色作为评论高亮的默认色。亮黄色从最初的刺眼演变为数字原住民眼中的正常交流色。
🧠 色彩心理学
数码原色亮黄色不是自然界的颜色,它属于屏幕与像素。盯着它看久了闭上眼睛仍有残影,像被数字世界烙了一个印。
极致乐观亮黄色拒绝任何灰暗的暗示,它把亮度调到最高告诉世界一切都会好的。这种乐观近乎天真近乎盲目。
注意绑架亮黄色是对视觉注意力的暴力劫持,从网页弹窗到特价标签,它在说看我快看我,不给其他颜色留余地。
能量爆发能量饮料广告与极限运动LOGO最爱亮黄色,它模拟的是肾上腺素飙升时视野变亮的生理错觉。
数字疲劳长时间注视屏幕上的亮黄色后会产生视觉残留,这种物理性疲劳在提醒人:太刺激的颜色不适合长久相处。
未来主义科幻电影中的全息投影与人工智能界面总用亮黄色,它代表人类对未来的想象:明亮、高效、没有人情味。