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