钢青
gāng qīng · No.422 / 742
色值
| HEX | #142334 | |
| RGB | rgb(20, 35, 52) | |
| HSL | hsl(212, 44%, 14%) | |
| CMYK | cmyk(62%, 33%, 0%, 80%) |
CMYK 由 sRGB 色值换算，仅供参考；印刷请以打样为准。
适合标题、压重和结构线。
数据更新于 2026-10-23
用这个颜色继续
配色关系
以「钢青」为锚点，从 742 色库里推导的配色方向。每一个都是真实的传统色，点开看它的详情。
同类 · 统一
保持同一种气质，让画面稳定、安静、低风险。
邻近 · 柔和
在统一中加入轻微转折，让画面有变化但不跳脱。
互补 · 强调
制造一眼可见的焦点，用于让按钮、标题、数字或行动入口被看见。
分裂互补 · 稳对比
保留对比张力，但比直接互补更柔和、更容易进入现代版面。
三角 · 系列感
建立三种方向的色彩节奏，适合多张内容或多模块系统。
四角 · 多层级
给复杂信息提供更多层级选择，用于大型专题或多状态系统。
冷暖 · 情绪差
用冷暖变化制造情绪转折，让主体、信息和氛围分开。
明色 · 浅背景
把主色变轻，生成背景、留白、柔和提示和低压阅读环境。
暗色 · 深文字
从主色关系里找更稳的文字、边界、深色底和压重点。
灰调 · 降噪
降低饱和度，让颜色更耐看、更适合长时间阅读和信息密集场景。
中性 · 留白
为主色提供结构、留白、边界和呼吸感，让信息更容易被看懂。
关于「钢青」
「钢青」是中国传统色之一，属蓝色系，偏冷调。色值为 HEX #142334、RGB 20, 35, 52、HSL 212, 44%, 14%、CMYK 62, 33, 0, 80。在蓝色系的 95 种传统色中按色序排第 51 位。配色上，互补方向可取「橄榄灰 #503E2A」，邻近色可取「鸦青色 #2F4F4F」。作为底色时，搭配白色文字的对比度约 15.9:1，达到 WCAG AA 正文标准（4.5:1）。
常见问题
「钢青」是什么颜色？
「钢青」是中国传统色之一，属蓝色系，偏冷调。色值为 HEX #142334、RGB 20, 35, 52、HSL 212, 44%, 14%、CMYK 62, 33, 0, 80。在蓝色系的 95 种传统色中按色序排第 51 位。
「钢青」的 RGB、HSL、CMYK 值是多少？
色值为 HEX #142334、RGB 20, 35, 52、HSL 212, 44%, 14%、CMYK 62, 33, 0, 80。
「钢青」适合搭配什么颜色？
配色上，互补方向可取「橄榄灰 #503E2A」，邻近色可取「鸦青色 #2F4F4F」。更多同类、分裂互补、三角等关系见本页「配色关系」。
「钢青」的色卡可以免费下载吗？
可以。本页提供「钢青」的 PNG 高清色卡和 SVG 分享卡，免费下载。项目由小小东整理维护，GPL-3.0 开源。