配色方案整理打开本地色板工具

用途角色 · 本站创作笔记

给每个颜色分配一个用途角色

配色方案整理的用途角色实操:色名描述颜色外观,例如“葡萄紫”;角色描述它在作品中做什么,例如“正文”或“强调”。配色方案整理将两者分开,可以在换色时保持用途不变,也。

用途角色练习使用的四个HEX色块
本站创作示例色板,用于说明本篇整理方法。

色名与角色各写一件事

色名描述颜色外观,例如“葡萄紫”;角色描述它在作品中做什么,例如“正文”或“强调”。配色方案整理将两者分开,可以在换色时保持用途不变,也能发现同一角色是否被多个无理由的色值占用。

从四种基础角色开始

本站虚构练习“夜读书单”用#FAF0F5做背景、#FFFFFF做卡片、#2D1B2D做文字、#9B59B6做主色。先建立这四项,再把#E8708A设为强调。这里的角色是工作起点,不是所有项目都必须有五种颜色。

同色承担两个角色怎么办

工具会合并相同HEX,因此不要复制同一色值来伪造两个独立颜色。可将角色设为“其他”,在名称中写“正文与图标”,并在方案备注记录两种用途。若后续需要分离,只需新增确实不同的色值并说明更改原因。

适用场景与操作

在网页、讲义和系列海报中,先列出实际元素:画布、内容区、标题、正文、按钮。逐个找到对应颜色,无法归类的先标为其他。在最终画面仍找不到用途的色值移回候选笔记,不必全部放进交付色板。

常见问答

角色能自动判断吗?不能,颜色代码本身没有用途。主色必须面积最大吗?不一定,主色也可以只用于品牌标题或按钮。角色是否能保证文字可读?不能,仍需在目标字号和背景上检查实际显示。