浅粉色 (#FFB6C1)
浅粉色是 CSS 命名色（lightpink），标准十六进制色值为 #FFB6C1。 其相对亮度高达 0.5857，色相温润雅致，介于淡桃红与柔粉之间，适合作为柔和卡片背景、轻量通知条或高光底色。
标准色彩总览与色值换算
lightpinkLuminance: 0.5857| 色彩空间 / 格式 | 标准数值表示 | 说明 | 操作 |
|---|---|---|---|
| HEX | #FFB6C1 | 十六进制网页标准表示法 | |
| RGB | rgb(255, 182, 193) | 红绿蓝三原色通道值 (0-255) | |
| HSL | hsl(351, 100%, 86%) | 色相 (351°)、饱和度 (100%)、亮度 (86%) | |
| HSV / HSB | hsv(351, 29%, 100%) | 色相、饱和度 (29%)、明度 (100%) | |
| CMYK | cmyk(0%, 29%, 24%, 0%) | 屏幕数字近似换算（非印刷色彩管理配置） | |
| OKLCH | oklch(0.847 0.086 9.1) | 现代感知均匀色彩空间（CSS Color 4 标准近似值） |
background-color: #FFB6C1; /* or lightpink */- 选择色彩格式: 根据前端或设计需求确定 HEX（#FFB6C1）或 RGB。
- 复制色值代码: 点击复制按钮将代码存入剪贴板，带有即时反馈。
- 搭配黑色文字: 黑色文字在浅粉色上的对比度为 12.71:1（WCAG AAA）。
浅粉色配什么颜色好看？
以下 6 种颜色都能和浅粉色（#FFB6C1）搭配，均为 CSS 标准命名色。对比度为该颜色放在浅粉色上的 WCAG 2.2 计算值：达到 4.5:1 的可直接用作文字，其余更适合做背景或点缀。
明暗变化与算法配色方案
浅粉色与海军蓝邀请卡配色
浅粉色铺底，白色承托卡片，海军蓝用于文字与按钮。浅粉底上的白字对比度不足，海军蓝更适合小字号标签。
用浅粉背景营造氛围，用深色文字和按钮传达重要信息。
查看邀请文字与底色对比度 9.69:1，文字与卡片对比度 16.01:1，按钮文字对比度 16.01:1。三者均达到 WCAG AA 普通文本的 4.5:1 门槛。
查看 CSS 与用法
外层添加 color-theme 类，内部卡片使用 example-card，按钮或链接使用 example-action。
.color-theme {
--canvas: #FFB6C1;
--surface: #FFFFFF;
--ink: #000080;
--action: #000080;
--action-text: #FFFFFF;
background: var(--canvas);
color: var(--ink);
padding: 24px;
}
.color-theme .example-card {
background: var(--surface);
color: var(--ink);
border-radius: 12px;
padding: 24px;
}
.color-theme .example-action {
background: var(--action);
color: var(--action-text);
border-radius: 6px;
padding: 10px 16px;
}以下配色方案由色彩算法基于 浅粉色（HSL 351°）生成。每组提供全组色值复制、单色色卡及界面预览：
互补色配色
算法在 HSL 色相环上旋转 180 度（351° 转为 171°）并保持原色饱和度与亮度生成，以清爽的浅薄荷青与温润粉色形成视觉互补。
邻近色配色
算法取色相环邻近 +/- 30 度（351° 转为 321° 与 21°）并保持原色饱和度与亮度生成，具有自然、温和、统一的视觉过渡感。
三角色配色
算法在色相环上按 120 度等距分布（351° 转为 111° 与 231°）并保持原色饱和度与亮度生成，色彩丰富且保持视觉平衡。
同色系明暗渐变
算法通过调节明度参数生成，从高亮浅色过渡至深沉点缀色。
WCAG 2.2 可读性与文本对比度测试
根据万维网无障碍指南（WCAG 2.2），常规普通文本对比度需达到至少 4.5:1（AA 级），大字号文字需达到至少 3.0:1。本表格数值由算法基于标准公式直接计算生成：
| 前景色 / 文字 | 对比度比例 | 普通文本 (AA >= 4.5:1) | 大文本 (AA >= 3.0:1) | 普通文本增强 (AAA >= 7.0:1) |
|---|---|---|---|---|
纯黑色 (#000000) | 12.71:1 | 通过 | 通过 | 通过 |
纯白色 (#FFFFFF) | 1.65:1 | 失败 | 失败 | 失败 |
深炭黑 (#212529) | 9.34:1 | 通过 | 通过 | 通过 |
中灰色 (#666666) | 3.48:1 | 失败 | 通过 | 失败 |
交互式对比度实时测试工具
输入文字前景色与底色，实时验证文字在背景上的可读性与字形对比度：
这是实际背景下的正文可读性测试文本。良好的对比度能让所有用户轻松阅读。
浅粉色高清纯色壁纸下载
提供标准 1920×1080 纯色高清电脑壁纸及浏览器即时生成的 1080×1920 手机壁纸：
标准壁纸: 1920×1080 PNG (#FFB6C1)标准出处与主流设计平台色值对照
lightpink = #ffb6c1 (rgb(255, 182, 193))
| 来源 / 平台 | 色值 (HEX) | RGB 描述 | 差异特征说明 |
|---|---|---|---|
| W3C CSS Color 4 ↗ | #FFB6C1 | rgb(255, 182, 193) | W3C 官方 CSS 规范中 lightpink 的标准色值。 |
| PicMonkey / HTML Color Codes ↗ | #FFB6C1 | rgb(255, 182, 193) | 与 W3C CSS 官方命名色标准完全一致。 |
| Figma ↗ | #FFB5C0 | rgb(255, 181, 192) | Figma 色彩字典中收录的相近浅粉色，色相略微偏冷。 |
| ArtyClick ↗ | #FFD1DF | rgb(255, 209, 223) | ArtyClick 字典收录的淡粉变体，明度明显更高。 |
界面设计与可读性搭配建议
在界面设计中，浅粉色常作为柔和卡片背景或高光底色使用。由于其相对亮度高，在其表面排版文字时必须使用深色前景（如纯黑或深炭黑），严禁搭配纯白文字。
常见疑问解答 (FAQ)
浅粉色上可以使用黑色文字吗？
可以。浅粉色背景搭配纯黑文字（#000000）的 WCAG 2.2 对比度为 12.71:1，不仅达到 4.5:1 的 AA 级标准，也远超 7.0:1 的 AAA 最高可读性要求。
浅粉色上可以使用白色文字吗？
不可以。浅粉色背景搭配纯白文字（#FFFFFF）的对比度仅为 1.65:1，无法满足常规正文 4.5:1 或大字号 3.0:1 的最低无障碍对比度门槛。
#FFB6C1 是浅粉色的唯一色值吗？
不是。虽然 #FFB6C1 是 W3C CSS 规范中 lightpink 的唯一定义色值，但其他设计工具与字典收录了相近变体，例如 Figma（#FFB5C0）与 ArtyClick（#FFD1DF）。
浅粉色配什么颜色好看？
海军蓝、栗色、暗岩灰、鼠尾草绿、奶油白和暗金色都适合搭配浅粉色。其中海军蓝（9.69:1）、栗色（6.63:1）和暗岩灰（5.4:1）足够深，可以直接在浅粉底上做文字；鼠尾草绿、奶油白和暗金色更适合做背景或点缀。