亮黄背景
#FFD500同源设计合集 · 2 项
配色资料
结合原始资料,按需应用到自己的设计中。
为我的项目应用一套「亮黄与黑色运动品牌配色」,以鲜明对比呈现有力量感的品牌视觉,并以 CSS 自定义属性交付。 【色值清单】 - 亮黄 `#FFD500`:品牌背景、海报主色块。 - 黑色 `#000000`:标志、标题和关键文字。 【使用示例】 - 运动海报:用亮黄铺设主背景,以黑色呈现标志和大标题。 - 品牌周边:在亮黄色包装上使用黑色图形,保持边缘清晰。 - 反例:避免将黄色文字直接放在亮黄背景上,或用大面积灰色削弱黄黑对比。 【质量要求】 在 `:root` 下定义 `--color-*` 变量,并提供暗色模式映射;保留黄黑品牌关系,检查文字对比度。上述色值是近似建议,最终效果需对照原图确认。 配色需对照原参考图人工校对 【参考资源】 - 资料详情:https://ui.undoai.cn/palettes/yellow-black-sports-palette/ - 原始设计参考图:https://ui.undoai.cn/palettes/yellow-black-sports-palette/refs/01.png(亮黄底与黑色标志的成品展示)
先对照原始配色图;点击色值即可复制 HEX。色值按已存资料展示,近似值与调整值需要在实际项目中再次校验对比度。
查看 Markdown 全文,复制或下载 design.md 后交给开发者使用。
# 亮黄与黑色运动品牌配色 — design.md 内容版本:sha256:dd3690b4f7af32b4881838529555298e520d2c2ef46d8053ae02165e2d85ee00 本文件由当前元数据、实现摘要和实际文件列表确定性生成。元数据记录是资料声明;未提供的数值不作推断。实现建议须在后续开发中选择和验收。 ## 元数据记录 - 资产:palettes/yellow-black-sports-palette;语义类型:palette。 - 分类:其他。 - 标签:亮黄、黑色、运动品牌。 - 场景:运动品牌标志定稿、高对比海报背景、品牌周边配色。 - 平台:未提供。 - 风格:未提供。 ### 亮点声明 - 高对比搭配:亮黄色作背景,黑色用于猛兽图形与品牌文字。 - AI 描述方式:描述为「亮黄背景 #FFD500、纯黑标志 #000000;保持图形边缘清晰」,色值为文字描述对应的近似建议。 ### 实际文件与参考资源 - `meta.yml` - `refs/01.png`(sha256:86a04b6235cfe6674c32167a8f9e9d178ac969ca2ece6a1da350ef003c9586bc) - 参考图:`refs/01.png`;亮黄底与黑色标志的成品展示。 - 实现摘要:未提供 demo.html。 ### 色值与语义记录 - `#FFD500` 亮黄;角色:背景 - `#000000` 黑色;角色:标志与文字 ### 原图采样记录 - 方法:whole-reference-dominant-colors。 - `#FFFFFF`;原图像素覆盖比例 89.87%。 - `#D7FFD7`;原图像素覆盖比例 0.13%。 - `#E8E8E8`;原图像素覆盖比例 3.48%。 - `#95FF95`;原图像素覆盖比例 0.22%。 - `#6CFF6C`;原图像素覆盖比例 0.06%。 - `#52FF52`;原图像素覆盖比例 0.88%。 - `#FFBABA`;原图像素覆盖比例 0.05%。 - `#FF7878`;原图像素覆盖比例 0.23%。 - `#FF6C6C`;原图像素覆盖比例 0.13%。 - `#FF5151`;原图像素覆盖比例 0.48%。 - `#000400`;原图像素覆盖比例 0.14%。 - `#000000`;原图像素覆盖比例 3.40%。 ### 确定性对比度 - 未提供。 ## 未提供 - 未结构化记录的色值与语义角色不作推断;亮点描述属于元数据声明,图片标题不能用于推断色号,对比度计算仅覆盖文档中明确列出的色值组合。 ## 实现建议 - 将已记录的颜色分配到背景、表面、正文、次要文字、边框与强调角色;未提供的 token 需另行定义。 - 在真实文本、控件、禁用与错误状态上验证对比度,分别检查浅色与深色模式。 - 不要仅依赖颜色表达状态,配合文本、图标或形状;新增组合必须重新计算对比度。
复制 HEX · 下载 SVG 色卡 · 来源未核验
#FFD500#000000来自像素采样,可能包含背景与装饰色。
#FFFFFF占比 89.9%#D7FFD7占比 0.1%#E8E8E8占比 3.5%#95FF95占比 0.2%#6CFF6C占比 <0.1%#52FF52占比 0.9%#FFBABA占比 <0.1%#FF7878占比 0.2%#FF6C6C占比 0.1%#FF5151占比 0.5%#000400占比 0.1%#000000占比 3.4%DESIGN NOTES
GOOD FOR