粉色系图谱:明度变化、色值与相近色差异
粉色系涵盖了从极浅淡彩到强烈洋红的广阔视觉跨度。 在数字产品设计中,准确理解命名色之间的相对亮度与饱和度差异,是构建层级清晰、文字易读的界面的关键基础。
粉色系首要推荐:浅粉色 (#FFB6C1)
浅粉色(W3C CSS: lightpink)
十六进制色值 #FFB6C1。W3C 规范标准 RGB (255, 182, 193)。页面提供格式转换、配色方案、WCAG 对比度检查及 1920×1080 壁纸下载。
粉色系命名色技术参数与亮度对比
下表汇总了 CSS 官方规范中粉色谱系各主要命名色的技术指标与纯黑文字搭配时的对比度:
| 颜色名称 | HEX 色值 | CSS 命名 | RGB 参数 | 相对亮度 | 黑色文字对比度 | 色彩特征与视觉作用 |
|---|---|---|---|---|---|---|
#FFB6C1 | lightpink | 255, 182, 193 | 0.5857 | 12.71:1 | W3C CSS 命名色,高明度且温润柔和。 | |
#FFC0CB | pink | 255, 192, 203 | 0.6327 | 13.65:1 | CSS 标准粉色,比浅粉色略浅。 | |
#FF69B4 | hotpink | 255, 105, 180 | 0.3466 | 7.93:1 | 高饱和度、偏洋红的鲜艳粉色。 | |
#FF1493 | deeppink | 255, 20, 147 | 0.2387 | 5.77:1 | 强烈的偏洋红深粉色。 | |
#DB7093 | palevioletred | 219, 112, 147 | 0.2875 | 6.75:1 | 低饱和、带灰调的玫瑰粉。 | |
#C71585 | mediumvioletred | 199, 21, 133 | 0.1437 | 3.87:1 | 带紫调的深莓粉色。 | |
#FFE4E1 | mistyrose | 255, 228, 225 | 0.8218 | 17.44:1 | 带温润桃色底调的极浅玫瑰粉。 | |
#FFF0F5 | lavenderblush | 255, 240, 245 | 0.9017 | 19.03:1 | 接近白色、带淡淡冷调粉的极浅色。 |
粉色系视觉色卡列表
数据来源:W3C CSS Color Module Level 4(命名色与色值);WCAG 2.2(相对亮度与对比度公式)。