颜色代码与配色
粉色色值与色阶
粉色可以从柔和腮红过渡到充满能量的品红。浅色适合营造亲切表面，强烈色阶则能为现代编辑和产品设计提供表现力。
粉色
#EC4899
颜色格式
同一基础色在常用网页格式中的表示。
色阶
| 颜色 | 名称 | HEX | RGB | HSL | 复制 |
|---|---|---|---|---|---|
| Blush Light | #FDF2F8 | 253, 242, 248 | 327, 73%, 97% | ||
| Rose Quartz | #FCE7F3 | 252, 231, 243 | 326, 78%, 95% | ||
| Cotton Candy | #FBCFE8 | 251, 207, 232 | 326, 85%, 90% | ||
| Bubblegum | #F9A8D4 | 249, 168, 212 | 327, 87%, 82% | ||
| Carnation | #F472B6 | 244, 114, 182 | 329, 86%, 70% | ||
| Pink | #EC4899 | 236, 72, 153 | 330, 81%, 60% | ||
| Hot Pink | #DB2777 | 219, 39, 119 | 333, 71%, 51% | ||
| Magenta Pink | #BE185D | 190, 24, 93 | 335, 78%, 42% | ||
| Raspberry | #9D174D | 157, 23, 77 | 336, 74%, 35% | ||
| Dark Pink | #831843 | 131, 24, 67 | 336, 69%, 30% | ||
| Rose Light | #FFF1F2 | 255, 241, 242 | 356, 100%, 97% | ||
| Rose | #FFE4E6 | 255, 228, 230 | 356, 100%, 95% | ||
| Rose Medium | #FECDD3 | 254, 205, 211 | 353, 96%, 90% | ||
| Salmon | #FDA4AF | 253, 164, 175 | 353, 96%, 82% | ||
| Coral Pink | #FB7185 | 251, 113, 133 | 351, 95%, 71% | ||
| Watermelon | #F43F5E | 244, 63, 94 | 350, 89%, 60% | ||
| Cerise | #E11D48 | 225, 29, 72 | 347, 77%, 50% | ||
| Cherry Pink | #BE123C | 190, 18, 60 | 345, 83%, 41% | ||
| Cranberry | #9F1239 | 159, 18, 57 | 343, 80%, 35% | ||
| Burgundy Pink | #881337 | 136, 19, 55 | 342, 75%, 30% |
CSS 关键字: pink
在 CSS 中可以直接写作关键字 pink。
文字对比度
以下比值基于 WCAG 相对亮度公式。
Aa 白色文字 3.53:1
AA · 大号文字
Aa 黑色文字 5.95:1
AA
粉色的使用场景
亲切的生活方式界面
富有表现力的编辑强调
美妆、时尚与消费品牌