粉色系图谱:明度变化、色值与相近色差异

粉色系涵盖了从极浅淡彩到强烈洋红的广阔视觉跨度。 在数字产品设计中,准确理解命名色之间的相对亮度与饱和度差异,是构建层级清晰、文字易读的界面的关键基础。

粉色系首要推荐:浅粉色 (#FFB6C1)

浅粉色(W3C CSS: lightpink)

十六进制色值 #FFB6C1。W3C 规范标准 RGB (255, 182, 193)。页面提供格式转换、配色方案、WCAG 对比度检查及 1920×1080 壁纸下载。

进入浅粉色详尽参考 →

粉色系命名色技术参数与亮度对比

下表汇总了 CSS 官方规范中粉色谱系各主要命名色的技术指标与纯黑文字搭配时的对比度:

粉色系 CSS 命名色技术参数表
颜色名称HEX 色值CSS 命名RGB 参数相对亮度黑色文字对比度色彩特征与视觉作用
#FFB6C1lightpink255, 182, 1930.585712.71:1W3C CSS 命名色,高明度且温润柔和。
#FFC0CBpink255, 192, 2030.632713.65:1CSS 标准粉色,比浅粉色略浅。
#FF69B4hotpink255, 105, 1800.34667.93:1高饱和度、偏洋红的鲜艳粉色。
#FF1493deeppink255, 20, 1470.23875.77:1强烈的偏洋红深粉色。
#DB7093palevioletred219, 112, 1470.28756.75:1低饱和、带灰调的玫瑰粉。
#C71585mediumvioletred199, 21, 1330.14373.87:1带紫调的深莓粉色。
#FFE4E1mistyrose255, 228, 2250.821817.44:1带温润桃色底调的极浅玫瑰粉。
#FFF0F5lavenderblush255, 240, 2450.901719.03:1接近白色、带淡淡冷调粉的极浅色。

粉色系视觉色卡列表

浅粉色

#FFB6C1 · lightpink

W3C CSS 命名色,高明度且温润柔和。

粉色

#FFC0CB · pink

CSS 标准粉色,比浅粉色略浅。

亮粉色

#FF69B4 · hotpink

高饱和度、偏洋红的鲜艳粉色。

深粉红

#FF1493 · deeppink

强烈的偏洋红深粉色。

苍紫罗兰红

#DB7093 · palevioletred

低饱和、带灰调的玫瑰粉。

中紫罗兰红

#C71585 · mediumvioletred

带紫调的深莓粉色。

薄雾玫瑰

#FFE4E1 · mistyrose

带温润桃色底调的极浅玫瑰粉。

薰衣草紫红

#FFF0F5 · lavenderblush

接近白色、带淡淡冷调粉的极浅色。

数据来源:W3C CSS Color Module Level 4(命名色与色值);WCAG 2.2(相对亮度与对比度公式)。