颜色代码与配色
红色色值与色阶
红色是一组充满能量、常与行动、紧迫感和情感联系的颜色。本色系从柔和玫瑰色延伸到深勃艮第红，适合界面、活动和品牌系统。
红色
#EF4444
颜色格式
同一基础色在常用网页格式中的表示。
色阶
| 颜色 | 名称 | HEX | RGB | HSL | 复制 |
|---|---|---|---|---|---|
| Rose | #FFF1F2 | 255, 241, 242 | 356, 100%, 97% | ||
| Light Pink | #FFE4E6 | 255, 228, 230 | 356, 100%, 95% | ||
| Blush | #FECDD3 | 254, 205, 211 | 353, 96%, 90% | ||
| Salmon Pink | #FDA4AF | 253, 164, 175 | 353, 96%, 82% | ||
| Coral | #FB7185 | 251, 113, 133 | 351, 95%, 71% | ||
| Rose Red | #F43F5E | 244, 63, 94 | 350, 89%, 60% | ||
| Crimson | #E11D48 | 225, 29, 72 | 347, 77%, 50% | ||
| Ruby | #BE123C | 190, 18, 60 | 345, 83%, 41% | ||
| Burgundy | #9F1239 | 159, 18, 57 | 343, 80%, 35% | ||
| Maroon | #881337 | 136, 19, 55 | 342, 75%, 30% | ||
| Cherry | #FCA5A5 | 252, 165, 165 | 0, 94%, 82% | ||
| Tomato | #F87171 | 248, 113, 113 | 0, 91%, 71% | ||
| Red | #EF4444 | 239, 68, 68 | 0, 84%, 60% | ||
| Scarlet | #DC2626 | 220, 38, 38 | 0, 72%, 51% | ||
| Fire Red | #B91C1C | 185, 28, 28 | 0, 74%, 42% | ||
| Blood Red | #991B1B | 153, 27, 27 | 0, 70%, 35% | ||
| Dark Red | #7F1D1D | 127, 29, 29 | 0, 63%, 31% | ||
| Rust | #B45309 | 180, 83, 9 | 26, 90%, 37% | ||
| Brick | #9A3412 | 154, 52, 18 | 15, 79%, 34% | ||
| Wine | #7C2D12 | 124, 45, 18 | 15, 75%, 28% |
CSS 关键字: red
在 CSS 中可以直接写作关键字 red。
文字对比度
以下比值基于 WCAG 相对亮度公式。
Aa 白色文字 3.76:1
AA · 大号文字
Aa 黑色文字 5.58:1
AA
红色的使用场景
主要行动按钮与警示状态
食品、体育和娱乐品牌
中性背景上的暖色强调