淡紫渐变起点
#B4A2C2配色资料
结合原始资料,按需应用到自己的设计中。
为我的项目应用一套紫玫渐变配色,以低饱和的淡紫、灰紫、柔玫构成约 120° 的线性渐变,并可用柔和山峦线条增加层次。请以 CSS 自定义属性交付。 【色值清单】 淡紫 #B4A2C2:渐变起点。 灰紫 #997FA9:渐变中段。 柔玫 #C08E9E:渐变终点。 以上色值为文字推测的近似值,请对照原参考图核对。 【使用示例】 适合文创包装、品牌海报的背景,也可用于商务展板的局部装饰。避免将渐变直接铺在小字号正文下,影响阅读。 【质量要求】 在 `:root` 下定义 `--color-*` 变量和渐变变量,并提供暗色模式映射;确保文字与背景有足够对比度。 配色需对照原参考图人工校对 【参考资源】 - 资料详情:https://ui.undoai.cn/palettes/zimei-gradient/ - 原始设计参考图:https://ui.undoai.cn/palettes/zimei-gradient/refs/01.jpg(紫玫渐变参考,图文对应需核对)
先对照原始配色图;点击色值即可复制 HEX。色值按已存资料展示,近似值与调整值需要在实际项目中再次校验对比度。
查看 Markdown 全文,复制或下载 design.md 后交给开发者使用。
# 紫玫渐变 — design.md 内容版本:sha256:017bb74799896592deebb21fa2a2b81c8e82190fe3f225df787e2024df184fac 本文件由当前元数据、实现摘要和实际文件列表确定性生成。元数据记录是资料声明;未提供的数值不作推断。实现建议须在后续开发中选择和验收。 ## 元数据记录 - 资产:palettes/zimei-gradient;语义类型:palette。 - 分类:其他。 - 标签:国风、三色渐变、紫玫。 - 场景:文创包装、品牌海报、商务展板。 - 平台:未提供。 - 风格:未提供。 ### 亮点声明 - 色彩气质:紫色与玫瑰色柔和衔接,呈现雅致贵气的观感。 - AI 描述方式:描述为低饱和紫玫三色线性渐变,角度约120°,以柔和山峦线条增加层次;色值为文字推测的近似值。 ### 实际文件与参考资源 - `meta.yml` - `refs/01.jpg`(sha256:9b146facc8ae5905f25413fc7e4c846b2af768e86c3d5d8b23eca3b6ec6dcb57) - 参考图:`refs/01.jpg`;紫玫渐变参考,图文对应需核对。 - 实现摘要:未提供 demo.html。 ### 色值与语义记录 - `#B4A2C2` 淡紫;角色:渐变起点 - `#997FA9` 灰紫;角色:渐变中段 - `#C08E9E` 柔玫;角色:渐变终点 ### 原图采样记录 - 方法:whole-reference-dominant-colors。 - `#FEFEFE`;原图像素覆盖比例 1.20%。 - `#A04A7A`;原图像素覆盖比例 1.10%。 - `#924478`;原图像素覆盖比例 0.39%。 - `#95387E`;原图像素覆盖比例 1.29%。 - `#874075`;原图像素覆盖比例 0.60%。 - `#863878`;原图像素覆盖比例 2.43%。 - `#793B71`;原图像素覆盖比例 1.39%。 - `#6E386D`;原图像素覆盖比例 0.50%。 - `#633468`;原图像素覆盖比例 30.45%。 - `#523E58`;原图像素覆盖比例 0.45%。 - `#484444`;原图像素覆盖比例 35.26%。 - `#372C2C`;原图像素覆盖比例 8.42%。 ### 确定性对比度 - 未提供。 ## 未提供 - 未结构化记录的色值与语义角色不作推断;亮点描述属于元数据声明,图片标题不能用于推断色号,对比度计算仅覆盖文档中明确列出的色值组合。 ## 实现建议 - 将已记录的颜色分配到背景、表面、正文、次要文字、边框与强调角色;未提供的 token 需另行定义。 - 在真实文本、控件、禁用与错误状态上验证对比度,分别检查浅色与深色模式。 - 不要仅依赖颜色表达状态,配合文本、图标或形状;新增组合必须重新计算对比度。
复制 HEX · 下载 SVG 色卡 · 来源未核验
#B4A2C2#997FA9#C08E9E来自像素采样,可能包含背景与装饰色。
#FEFEFE占比 1.2%#A04A7A占比 1.1%#924478占比 0.4%#95387E占比 1.3%#874075占比 0.6%#863878占比 2.4%#793B71占比 1.4%#6E386D占比 0.5%#633468占比 30.4%#523E58占比 0.4%#484444占比 35.3%#372C2C占比 8.4%DESIGN NOTES
GOOD FOR