钢蓝色
钢铁表面泛起的蓝灰光泽，冷峻坚毅
HEX
#4682B4RGB
rgb(70, 130, 180)HSL
hsl(207, 44%, 49%)HSV
hsv(207, 61%, 71%)CMYK
cmyk(61%, 28%, 0%, 29%)HEXA
#4682B4FFRGBA
rgba(70, 130, 180, 1)HSLA
hsla(207, 44%, 49%, 1)OKLCH
oklch(77.6%, 0.065, 237)LCH
lch(74.4%, 28.7, 240)🎨 配色方案
相似色2-3个相邻色相（≤60°）
复制
#46B4AE复制
#4682B4复制
#464BB4三色系3个间隔120°的色相
复制
#4682B4复制
#B44682复制
#82B446分裂互补色主色 + 互补色两侧的颜色
复制
#4682B4复制
#B4464B复制
#B4AE46互补色2个间隔180°的色相
复制
#4682B4复制
#B47746矩形双互补色4个形成矩形的色相
复制
#4682B4复制
#AE46B4复制
#B47746复制
#4BB446单色系单一色相，变化饱和度和亮度
复制
#0D1821复制
#294D6A复制
#4682B4复制
#8DB3D3复制
#D7E4EF♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容，确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容，满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字（≥18px 粗体或 ≥24px）、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度，明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度，饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度，步进微调色相 ±15°
💡 适用场景
金属家具
办公室的钢制档案柜或工业风置物架，复刻工厂车间的硬核灵魂，强调收纳效率。
军事腕表
特种兵配发的野战手表，哑光钢蓝色表壳防止在强光下反光暴露目标，绝对实用。
商务笔电
顶级超极本的微弧氧化铝合金外壳，比黑色更耐指纹，且透出理性的精英商务范。
精密仪器
工业显微镜或测量三坐标的铸铁基座，用钢蓝涂层抑制热胀冷缩，守护微米级精度。
📜 起源与历史
钢蓝色是钢铁在热处理或发蓝工艺后表面形成的那层致密氧化膜的颜色。19世纪工业革命时期，工程师发现枪械零部件经过发蓝处理后能有效防锈，那种特殊的蓝灰色于是成为了精密机械的标志。
20世纪摩天大楼时代到来，钢铁巨构拔地而起。建筑师密斯·凡德罗在反思现代主义时曾暗示，裸露的钢框架在阴天呈现的钢蓝色，远比华丽装饰更能体现建筑的结构诚实。
在装饰艺术运动时期，钢蓝色被从重工业中剥离，成为表现速度和现代感的材料语言。克莱斯勒大厦的内部电梯门大量采用这种泛着蓝光的金属饰面。
战后的功能性美学让钢蓝色走进民用领域。从办公桌的金属收纳柜到IBM的打字机外壳，这种实用且冷静的颜色代表了组织化的办公效率与不拖泥带水的工业逻辑。
🧠 色彩心理学
冷硬摒弃软性情感，如金属锭般不可弯曲的原则性，抵御一切人情往来的暧昧与妥协。
忠诚如军械忠于使用者般的高度可靠，永不生锈和卡壳，是伙伴间契约精神的极致映射。
极简剥离一切装饰性赘肉，只剩下支撑功能的最纯粹骨架，代表了逻辑至上的包豪斯意志。
严酷不带怜悯的纪律约束，如铁幕般森严，但同时也规整了混乱，建立了稳固的秩序。
机能所有设计只为性能服务，以毫厘不差的精确度完成指令，杜绝个体情绪的干扰。
冷淡社交互动上的零度冰点，礼貌而绝对的距离感，保持高度独立且拒绝不必要的依附。