⌕
首页 / 配色方案 / 红色系
🔴

红色配色方案

14 个红色系命名颜色 · HEX / RGB / HSL 与对比度，附实物窗体预览

红色系颜色速览

点任意色块复制 HEX
绯红Crimson
#DC143Crgb(220, 20, 60)hsl(348, 83%, 47%)
猩红Scarlet
#FF2400rgb(255, 36, 0)hsl(8, 100%, 50%)
朱砂Vermilion
#E34234rgb(227, 66, 52)hsl(5, 76%, 55%)
胭脂Carmine
#960018rgb(150, 0, 24)hsl(350, 100%, 29%)
丹红Rose Red
#C21E56rgb(194, 30, 86)hsl(340, 73%, 44%)
樱桃红Cherry
#D2042Drgb(210, 4, 45)hsl(348, 96%, 42%)
珊瑚红Coral
#FF7F50rgb(255, 127, 80)hsl(16, 100%, 66%)
砖红Brick Red
#B2543Crgb(178, 84, 60)hsl(12, 50%, 47%)
玫瑰红Rose
#FF007Frgb(255, 0, 127)hsl(330, 100%, 50%)
酒红Wine
#7B1B2Brgb(123, 27, 43)hsl(350, 64%, 29%)
海棠红Begonia
#E4464Argb(228, 70, 74)hsl(358, 75%, 58%)
桃粉Peach Pink
#FFB3ABrgb(255, 179, 171)hsl(6, 100%, 84%)
番茄红Tomato
#FF6347rgb(255, 99, 71)hsl(9, 100%, 64%)
绛红Deep Red
#8B0000rgb(139, 0, 0)hsl(0, 100%, 27%)

红色 · 实物窗体预览

同一套色在网页亮色 / 暗色 / PPT 里的效果
示例标题 · #F7EFED
标签已选中
卡片标题
正文示例文字，看这套配色读起来累不累。
示例标题 · #361912
标签已选中
卡片标题
正文示例文字，看这套配色读起来累不累。

季度业务回顾

用红色系配色导出的幻灯片长这样。

怎么用好红色系配色

红色是最有存在感的颜色，适合做强调、警示与节日主题。用在网页里建议只作点缀（按钮 / 标签 / 图标），大面积铺红容易刺眼；做 PPT 时用暗红或酒红做底色，白字可读性最好。

红色·WCAG AA 最佳方案

看全部 4 个方案 →
朱砂白纸Vermilion on Paper按钮示例
9.56:1 ✓ AA#FDF3F2 · #7A1D18 · #E34234
暗夜绯红Crimson Night按钮示例
14.62:1 ✓ AA#1E0B10 · #FFD9DE · #FF5C7A
中国红封面China Red Slide按钮示例
10.01:1 ✓ AA#8B0000 · #FFFFFF · #FFD9A0
胭脂卡片Carmine Card按钮示例
9.09:1 ✓ AA#FFFFFF · #960018 · #C21E56

以上方案的正文对比度均 ≥ 4.5:1，达到 WCAG AA 无障碍标准，可直接用于网页与 PPT。

常见问题

红色系配色怎么搭才不土？

红色是最有存在感的颜色，适合做强调、警示与节日主题。用在网页里建议只作点缀（按钮 / 标签 / 图标），大面积铺红容易刺眼；做 PPT 时用暗红或酒红做底色，白字可读性最好。

红色系里哪个颜色最常用？

列表里的颜色按明度大致排开，深色适合做文字与导航，中段适合做按钮与图标，浅色适合做背景与卡片底。

这些颜色可以商用于 PPT 吗？

可以。这里给的都是色值（HEX / RGB / HSL），不是图片，直接填进 PPT 或设计软件的自定义颜色即可，无版权问题。

其他色系

全部色系 →
橙色系配色 · 黄色系配色 · 绿色系配色 · 青色系配色 · 蓝色系配色 · 紫色系配色 · 中性色系配色