颜色代码与配色
粉色色值与色阶
粉色可以从柔和腮红过渡到充满能量的品红。浅色适合营造亲切表面,强烈色阶则能为现代编辑和产品设计提供表现力。
粉色 #EC4899
颜色格式
同一基础色在常用网页格式中的表示。
HEX
#EC4899 RGB
rgb(236, 72, 153) HSL
hsl(330, 81%, 60%) OKLCH
oklch(66.0% 0.212 354.0) 粉色可以从柔和腮红过渡到充满能量的品红。浅色适合营造亲切表面,强烈色阶则能为现代编辑和产品设计提供表现力。
色调
| 颜色 | 名称 | Hex | |
|---|---|---|---|
| Blush Light | #FDF2F8 | ||
| Rose Quartz | #FCE7F3 | ||
| Cotton Candy | #FBCFE8 | ||
| Bubblegum | #F9A8D4 | ||
| Carnation | #F472B6 | ||
| Pink | #EC4899 | ||
| Hot Pink | #DB2777 | ||
| Magenta Pink | #BE185D | ||
| Raspberry | #9D174D | ||
| Dark Pink | #831843 | ||
| Rose Light | #FFF1F2 | ||
| Rose | #FFE4E6 | ||
| Rose Medium | #FECDD3 | ||
| Salmon | #FDA4AF | ||
| Coral Pink | #FB7185 | ||
| Watermelon | #F43F5E | ||
| Cerise | #E11D48 | ||
| Cherry Pink | #BE123C | ||
| Cranberry | #9F1239 | ||
| Burgundy Pink | #881337 |
三角和谐色
在色轮上等距分布的三种颜色,适合建立有对比又平衡的方案。
文字对比度
以下比值基于 WCAG 相对亮度公式。
白色文字NaN:1
黑色文字NaN:1
粉色的使用场景
01
亲切的生活方式界面
02
富有表现力的编辑强调
03
美妆、时尚与消费品牌