亮蓝色
高饱和度的鲜亮蓝，充满活力与科技感
HEX
#0066FFRGB
rgb(0, 102, 255)HSL
hsl(216, 100%, 50%)HSV
hsv(216, 100%, 100%)CMYK
cmyk(100%, 60%, 0%, 0%)HEXA
#0066FFFFRGBA
rgba(0, 102, 255, 1)HSLA
hsla(216, 100%, 50%, 1)OKLCH
oklch(70.6%, 0.168, 242)LCH
lch(66.4%, 59, 258)🎨 配色方案
相似色2-3个相邻色相（≤60°）
复制
#00E5FF复制
#0066FF复制
#1900FF三色系3个间隔120°的色相
复制
#0066FF复制
#FF0066复制
#66FF00分裂互补色主色 + 互补色两侧的颜色
复制
#0066FF复制
#FF1A00复制
#E6FF00互补色2个间隔180°的色相
复制
#0066FF复制
#FF9900矩形双互补色4个形成矩形的色相
复制
#0066FF复制
#FF00E6复制
#FF9900复制
#00FF19单色系单一色相，变化饱和度和亮度
复制
#001433复制
#003D99复制
#0066FF复制
#66A3FF复制
#CCE0FF♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容，确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容，满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字（≥18px 粗体或 ≥24px）、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度，明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度，饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度，步进微调色相 ±15°
💡 适用场景
科技图标
移动端应用的主色调或极具视觉冲击的渐变背景，定格现代移动生活的基调。
发布海报
科技新品预售或开发者大会的KV，制造出蓄势待发、即将炸裂的紧张期待感。
电动跑车
品牌的原厂概念漆，配合流线型车身，在光影交错中诠释无声的极致加速。
数据可视化
大数据看板的核心折线，以高识别度穿过杂乱的表格，传达清晰的业务趋势。
📜 起源与历史
亮蓝色是现代数字接口的专属色。在早期计算机只能显示有限色彩时，鲜亮的蓝色荧光粉被选中为标准界面的强调色，因为它在暗色CRT屏幕上清晰而不刺眼。
20世纪末至21世纪初，微软和IBM等巨头的大量操作系统界面围绕亮蓝构建。蓝屏死机、Windows标志，乃至超链接的进化版，使得亮蓝与数字生存经验无法分割。
品牌设计进入互联网泡沫时代，亮蓝成了硅谷的标识色。从戴尔到英特尔，各大硬件厂商深信亮蓝能最快地传递尖端、快速、超越的科技承诺。
在当代材质表现下，亮蓝与电致发光涂料及纳米纹理结合，出现在概念车上。它不再只是一个静态颜色，而是能与光交互的动态表面，预示着人工智能时代的激进演进。
🧠 色彩心理学
高效抑制拖沓感，像一个思维加速器，逼迫神经突触在信息高速路上极速狂奔。
进取极度的开拓性姿态，鼓励技术颠覆所有陈规，有着不破不立的互联网精神。
醒目在信号系统中代表提示与呼叫，强制唤醒视觉皮层，不容许丝毫的忽略与错过。
轻躁略带攻击性，让人处于微亢奋的上扬状态，适合短期冲刺而非长期冥想。
范式定义了何为通用技术规则，被大脑归类为系统级指令，代表默认设置下的可靠性。
开源打破了传统蓝色的权贵感，充满了分享与创意的社区精神，是技术平权的图腾。