蓝色色号（37 种蓝色）

蓝色涵盖从近乎黑色的海军蓝到最淡的爱丽丝蓝。本页收集了 37 种有名称的蓝色——18 种 CSS 蓝色名称（如 royalblue、steelblue），再加上钴蓝、蔚蓝、普鲁士蓝、国际克莱因蓝等广为人知的名称——并给出 HEX、RGB、HSL、HSV、CMYK 和 OKLCH 代码。选一种颜色，就能看到它的浅色与深色版本、互补色，以及白色文字和黑色文字哪个更易读。

使用方法

1. 从列表中选择一种蓝色。
2. 从结果中复制它的 HEX、RGB、HSL 或 CMYK 代码。
3. 同一种蓝色更浅或更深的版本，请查看浅色与深色表。
4. 滚动完整表格，并排比较所有蓝色，或下载色卡图。

计算公式

浅色 = c + (255 − c) × p · 深色 = c × (1 − p) · 互补色 = HSL 色相 + 180°

c 是 RGB 各通道，p 是混合量（15–75%）。CMYK 使用简单公式 K = 1 − max(R′, G′, B′)；印刷厂用 ICC 配置文件转换，数值可能不同。

示例

宝蓝（royalblue）是 #4169E1 = rgb(65, 105, 225)，hsl(225, 72.7%, 56.9%)。把色相旋转 180° 得到暖金色 #E1B941，即它的互补色。白色文字叠在它上面的对比度为 4.84:1，满足正文 AA 要求；而白字叠在海军蓝 #000080 上是 16:1。