西瓜红refs/01.jpg · 上半部平面色采样
#F67268同源设计合集 · 3 项
配色资料
结合原始资料,按需应用到自己的设计中。
参考随附原图使用「西瓜红与浅果绿」。 【色值清单】 - 西瓜红 #F67268:refs/01.jpg · 上半部平面色采样 - 浅果绿 #B4D894:refs/01.jpg · 下半部平面色采样 以上为原图平面区域采样的近似色,不是作者给出的 HEX。按原图保持双色对照关系,结合项目检查文字对比度;输出 CSS 变量。新调整色另列,不覆盖原图证据。不生成无关交互演示。 【参考资源】 - 资料详情:https://ui.undoai.cn/palettes/coral-pink-tiffany-blue/ - 原始设计参考图:https://ui.undoai.cn/palettes/coral-pink-tiffany-blue/refs/01.jpg(西瓜红与浅果绿 · 原始双色搭配图)
先对照原始配色图;点击色值即可复制 HEX。色值按已存资料展示,近似值与调整值需要在实际项目中再次校验对比度。
查看 Markdown 全文,复制或下载 design.md 后交给开发者使用。
# 西瓜红与浅果绿 — design.md 内容版本:sha256:8669d68fceee5240b66e19d4ae08131a83e2f7f2a81d9c48d38a92a3fc117c66 本文件由当前元数据、实现摘要和实际文件列表确定性生成。元数据记录是资料声明;未提供的数值不作推断。实现建议须在后续开发中选择和验收。 ## 元数据记录 - 资产:palettes/coral-pink-tiffany-blue;语义类型:palette。 - 分类:其他。 - 标签:双色搭配、原图采样、配色参考。 - 场景:品牌配色探索、包装与海报、内容封面。 - 平台:未提供。 - 风格:未提供。 ### 亮点声明 - 名称来自原图:西瓜红与浅果绿 · 原始双色搭配图。 - 真实像素取色:原图未印出 HEX;列表值取自避开文字和圆形标签的平面色区域,是采样近似值,不冒充作者标注。 ### 实际文件与参考资源 - `meta.yml` - `refs/01.jpg`(sha256:bc418f804faeb01107940faf51411d3a12fdfc4093634a1cb04458b39de25d02) - `refs/02.jpg`(sha256:d693f0184b0818725715116e1263ef150b731218611bdde4e5d72ebbc64e660b) - `refs/03.jpg`(sha256:00f9905c25c08dba7cc933cc7a31f39d4532d430066889f5b2c446d7bbae30ed) - `refs/04.jpg`(sha256:bf7d51f19651106ce14e5e81ad950eba6ccc1bfcf92905f56b9b5495d33d75c0) - 参考图:`refs/01.jpg`;西瓜红与浅果绿 · 原始双色搭配图。 - 实现摘要:未提供 demo.html。 ### 色值与语义记录 - `#F67268` 西瓜红;角色:refs/01.jpg · 上半部平面色采样 - `#B4D894` 浅果绿;角色:refs/01.jpg · 下半部平面色采样 ### 原图采样记录 - 方法:whole-reference-dominant-colors。 - `#FFFFFE`;原图像素覆盖比例 0.11%。 - `#FFF0F0`;原图像素覆盖比例 0.06%。 - `#B4D894`;原图像素覆盖比例 38.43%。 - `#AECF90`;原图像素覆盖比例 1.36%。 - `#A8D080`;原图像素覆盖比例 6.02%。 - `#F67268`;原图像素覆盖比例 37.76%。 - `#E8786C`;原图像素覆盖比例 0.05%。 - `#EA6E62`;原图像素覆盖比例 0.43%。 - `#F36458`;原图像素覆盖比例 6.16%。 ### 确定性对比度 - 未提供。 ## 未提供 - 未结构化记录的色值与语义角色不作推断;亮点描述属于元数据声明,图片标题不能用于推断色号,对比度计算仅覆盖文档中明确列出的色值组合。 ## 实现建议 - 将已记录的颜色分配到背景、表面、正文、次要文字、边框与强调角色;未提供的 token 需另行定义。 - 在真实文本、控件、禁用与错误状态上验证对比度,分别检查浅色与深色模式。 - 不要仅依赖颜色表达状态,配合文本、图标或形状;新增组合必须重新计算对比度。
复制 HEX · 下载 SVG 色卡 · 图像采样
#F67268#B4D894来自像素采样,可能包含背景与装饰色。
#FFFFFE占比 0.1%#FFF0F0占比 <0.1%#B4D894占比 38.4%#AECF90占比 1.4%#A8D080占比 6%#F67268占比 37.8%#E8786C占比 <0.1%#EA6E62占比 0.4%#F36458占比 6.2%DESIGN NOTES
GOOD FOR