纯青色
最纯粹的青色，如盛夏晴空下澄澈的海水
HEX
#00FFFFRGB
rgb(0, 255, 255)HSL
hsl(180, 100%, 50%)HSV
hsv(180, 100%, 100%)CMYK
cmyk(100%, 0%, 0%, 0%)HEXA
#00FFFFFFRGBA
rgba(0, 255, 255, 1)HSLA
hsla(180, 100%, 50%, 1)OKLCH
oklch(90.5%, 0.155, 195)LCH
lch(91.1%, 58.5, 200)🎨 配色方案
相似色2-3个相邻色相（≤60°）
复制
#00FF80复制
#00FFFF复制
#007FFF三色系3个间隔120°的色相
复制
#00FFFF复制
#FF00FF复制
#FFFF00分裂互补色主色 + 互补色两侧的颜色
复制
#00FFFF复制
#FF0080复制
#FF8000互补色2个间隔180°的色相
复制
#00FFFF复制
#FF0000矩形双互补色4个形成矩形的色相
复制
#00FFFF复制
#7F00FF复制
#FF0000复制
#80FF00单色系单一色相，变化饱和度和亮度
复制
#003333复制
#009999复制
#00FFFF复制
#66FFFF复制
#CCFFFF♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容，确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容，满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字（≥18px 粗体或 ≥24px）、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度，明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度，饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度，步进微调色相 ±15°
💡 适用场景
数字界面
广泛应用于网站和App的按钮、图标和强调元素，提升界面的现代感和交互性。
泳池设计
常用于泳池瓷砖和水上乐园设计，营造出清澈透亮的水质感，增强视觉清凉感。
广告设计
在夏季促销和科技产品广告中大放异彩，快速抓住眼球并传递活力信息。
运动服饰
运动品牌常用纯青色设计跑步鞋和运动装，体现速度感和年轻活力。
📜 起源与历史
纯青色是现代色彩体系中的标准青色，在RGB色彩模型中由等量的绿色和蓝色光混合而成，不含红色成分。它最早被明确定义是在20世纪计算机图形学发展时期，成为网页标准色之一。
在古代，由于天然染料的限制，如此纯粹明亮的青色几乎无法实现。中国传统五色中的青往往偏蓝或偏绿，直到近代化学染料和数字显示技术的出现，纯青色才真正走入人们的视野。
纯青色在数字时代具有重要地位，它是CMYK印刷模式中的减色原色之一，也是众多编程语言和设计软件中的预设颜色。在UI设计中，纯青色常被用作强调色或信息提示色。
20世纪末至21世纪初，随着赛博朋克美学和科技感的兴起，纯青色成为代表未来感和数字化的标志性色彩，广泛应用于科幻电影视觉设计和电子音乐视觉中。
🧠 色彩心理学
清澈纯青色如同毫无杂质的水晶，传递出一种通透无瑕的视觉感受，让人联想到纯净的水源和清新的空气。
活力高明度的青色充满能量感，能激发人的思维活跃度，适合用于需要创意和灵感的场合。
冷静虽然明亮却不刺眼，青色调自带一种理性的克制感，能在保持活力的同时维持冷静的思考状态。
科技作为数字时代的代表性颜色，纯青色天然带有一种科技感和未来感，令人联想到数据和信息流动。
自由如天空和海洋般辽阔的青色，唤起人们对自由和远方的向往，打破束缚感。
纯粹极致的饱和度让纯青色显得毫不妥协，表达出一种纯粹、直接、不拖泥带水的态度。