颜色代码与配色
蓝色色值与色阶
蓝色是一组用途广泛、常用于表达清晰、信任与平静的颜色。天空蓝、皇家蓝和海军蓝覆盖了链接、产品界面和权威品牌所需的层次。
蓝色 #3B82F6
颜色格式
同一基础色在常用网页格式中的表示。
HEX
#3B82F6 RGB
rgb(59, 130, 246) HSL
hsl(217, 91%, 60%) OKLCH
oklch(62.0% 0.188 260.0) 蓝色是一组用途广泛、常用于表达清晰、信任与平静的颜色。天空蓝、皇家蓝和海军蓝覆盖了链接、产品界面和权威品牌所需的层次。
色调
| 颜色 | 名称 | Hex | |
|---|---|---|---|
| Alice Blue | #EFF6FF | ||
| Ice Blue | #DBEAFE | ||
| Baby Blue | #BFDBFE | ||
| Sky Blue | #93C5FD | ||
| Cornflower | #60A5FA | ||
| Blue | #3B82F6 | ||
| Royal Blue | #2563EB | ||
| Cobalt | #1D4ED8 | ||
| Navy | #1E40AF | ||
| Dark Blue | #1E3A8A | ||
| Cyan Light | #ECFEFF | ||
| Cyan Pale | #CFFAFE | ||
| Cyan | #A5F3FC | ||
| Turquoise | #67E8F9 | ||
| Aqua | #22D3EE | ||
| Cerulean | #06B6D4 | ||
| Ocean | #0891B2 | ||
| Teal Blue | #0E7490 | ||
| Deep Cyan | #155E75 | ||
| Dark Cyan | #164E63 |
三角和谐色
在色轮上等距分布的三种颜色，适合建立有对比又平衡的方案。
文字对比度
以下比值基于 WCAG 相对亮度公式。
白色文字NaN:1
黑色文字NaN:1
蓝色的使用场景
01
链接和主要界面操作
02
科技与金融品牌
03
平静背景和信息面板