柠檬黄refs/02.jpg · 上半部平面色采样
#ECA45C同源设计合集 · 3 项
配色资料
结合原始资料,按需应用到自己的设计中。
参考随附原图使用「柠檬黄与冰川蓝」。 【色值清单】 - 柠檬黄 #ECA45C:refs/02.jpg · 上半部平面色采样 - 冰川蓝 #94AEC7:refs/02.jpg · 下半部平面色采样 以上为原图平面区域采样的近似色,不是作者给出的 HEX。按原图保持双色对照关系,结合项目检查文字对比度;输出 CSS 变量。新调整色另列,不覆盖原图证据。不生成无关交互演示。 【参考资源】 - 资料详情:https://ui.undoai.cn/palettes/vanilla-green-nude-pink/ - 原始设计参考图:https://ui.undoai.cn/palettes/vanilla-green-nude-pink/refs/02.jpg(柠檬黄与冰川蓝 · 原始双色搭配图)
先对照原始配色图;点击色值即可复制 HEX。色值按已存资料展示,近似值与调整值需要在实际项目中再次校验对比度。
查看 Markdown 全文,复制或下载 design.md 后交给开发者使用。
# 柠檬黄与冰川蓝 — design.md 内容版本:sha256:2412262199f63e717dcda43e4fbbb6b4e93784c6ce39e3e59fc38201ec8803d8 本文件由当前元数据、实现摘要和实际文件列表确定性生成。元数据记录是资料声明;未提供的数值不作推断。实现建议须在后续开发中选择和验收。 ## 元数据记录 - 资产:palettes/vanilla-green-nude-pink;语义类型:palette。 - 分类:其他。 - 标签:双色搭配、原图采样、配色参考。 - 场景:品牌配色探索、包装与海报、内容封面。 - 平台:未提供。 - 风格:未提供。 ### 亮点声明 - 名称来自原图:柠檬黄与冰川蓝 · 原始双色搭配图。 - 真实像素取色:原图未印出 HEX;列表值取自避开文字和圆形标签的平面色区域,是采样近似值,不冒充作者标注。 ### 实际文件与参考资源 - `meta.yml` - `refs/01.jpg`(sha256:f9b7079429741fec793b9d0cfb98ec6d06d49246c0ac2cf915b067477c6fd7b1) - `refs/02.jpg`(sha256:bca07a50a371874c3a375f758e9b1c5a452de7177ab9c55eb8cc563dd4f3d565) - `refs/03.jpg`(sha256:c737fb360f474c891742e67e111ae9d823046920d93cb4014b90abb54f1866db) - `refs/04.jpg`(sha256:222b5f03d810dbd075fb8baaaddc857943991729f80e1efa564149912e016190) - 参考图:`refs/02.jpg`;柠檬黄与冰川蓝 · 原始双色搭配图。 - 实现摘要:未提供 demo.html。 ### 色值与语义记录 - `#ECA45C` 柠檬黄;角色:refs/02.jpg · 上半部平面色采样 - `#94AEC7` 冰川蓝;角色:refs/02.jpg · 下半部平面色采样 ### 原图采样记录 - 方法:whole-reference-dominant-colors。 - `#FFFFFF`;原图像素覆盖比例 0.06%。 - `#ECA45C`;原图像素覆盖比例 37.78%。 - `#E39C59`;原图像素覆盖比例 0.26%。 - `#EB9451`;原图像素覆盖比例 6.13%。 - `#94AEC7`;原图像素覆盖比例 39.14%。 - `#8DA4BE`;原图像素覆盖比例 0.73%。 - `#849CBE`;原图像素覆盖比例 6.24%。 - `#8498B0`;原图像素覆盖比例 0.07%。 - `#78889C`;原图像素覆盖比例 0.06%。 ### 确定性对比度 - 未提供。 ## 未提供 - 未结构化记录的色值与语义角色不作推断;亮点描述属于元数据声明,图片标题不能用于推断色号,对比度计算仅覆盖文档中明确列出的色值组合。 ## 实现建议 - 将已记录的颜色分配到背景、表面、正文、次要文字、边框与强调角色;未提供的 token 需另行定义。 - 在真实文本、控件、禁用与错误状态上验证对比度,分别检查浅色与深色模式。 - 不要仅依赖颜色表达状态,配合文本、图标或形状;新增组合必须重新计算对比度。
复制 HEX · 下载 SVG 色卡 · 图像采样
#ECA45C#94AEC7来自像素采样,可能包含背景与装饰色。
#FFFFFF占比 <0.1%#ECA45C占比 37.8%#E39C59占比 0.3%#EB9451占比 6.1%#94AEC7占比 39.1%#8DA4BE占比 0.7%#849CBE占比 6.2%#8498B0占比 <0.1%#78889C占比 <0.1%DESIGN NOTES
GOOD FOR