颜色代码与配色
红色色值与色阶
红色是一组充满能量、常与行动、紧迫感和情感联系的颜色。本色系从柔和玫瑰色延伸到深勃艮第红，适合界面、活动和品牌系统。
红色 #EF4444
颜色格式
同一基础色在常用网页格式中的表示。
HEX
#EF4444 RGB
rgb(239, 68, 68) HSL
hsl(0, 84%, 60%) OKLCH
oklch(64.0% 0.208 25.0) 红色是一组充满能量、常与行动、紧迫感和情感联系的颜色。本色系从柔和玫瑰色延伸到深勃艮第红，适合界面、活动和品牌系统。
色调
| 颜色 | 名称 | Hex | |
|---|---|---|---|
| Rose | #FFF1F2 | ||
| Light Pink | #FFE4E6 | ||
| Blush | #FECDD3 | ||
| Salmon Pink | #FDA4AF | ||
| Coral | #FB7185 | ||
| Rose Red | #F43F5E | ||
| Crimson | #E11D48 | ||
| Ruby | #BE123C | ||
| Burgundy | #9F1239 | ||
| Maroon | #881337 | ||
| Cherry | #FCA5A5 | ||
| Tomato | #F87171 | ||
| Red | #EF4444 | ||
| Scarlet | #DC2626 | ||
| Fire Red | #B91C1C | ||
| Blood Red | #991B1B | ||
| Dark Red | #7F1D1D | ||
| Rust | #B45309 | ||
| Brick | #9A3412 | ||
| Wine | #7C2D12 |
三角和谐色
在色轮上等距分布的三种颜色，适合建立有对比又平衡的方案。
文字对比度
以下比值基于 WCAG 相对亮度公式。
白色文字NaN:1
黑色文字NaN:1
红色的使用场景
01
主要行动按钮与警示状态
02
食品、体育和娱乐品牌
03
中性背景上的暖色强调