阅读口径
本文的衣物组合与色号为本站原创教学示意;色号用于屏幕草图,不是实物染色或个人色彩诊断结论。
先理解关键区别
色板中的大色块适合展示关系,说明文字则需要容易辨认。对于网页文本,可参考 WCAG 的对比要求;服装颜色不适用这个文字门槛。色号相近或背景较亮时,优先把标签移到统一深色文字区。
一个有标签的原创色板
画海蓝 #082C4C、珊瑚 #FF745C、沙色 #F4EAD8 三块,下方分别写“主色”“强调色”“背景”。若要表示推荐与待调整,另加勾号与文字,不能只用绿块和红块传达状态。这样即使看不清颜色差异也能理解分类。
区分装饰和信息
大面积色块可承载色彩示意,细小标签承担信息。不要为了让色板漂亮,把六位色号放成浅灰小字。需要引用网页标准时,普通文字通常至少 4.5:1,大字至少 3:1;此处概述不涵盖所有例外和条件,应读原文。
可执行检查单
- 01给每块颜色补上中文名、色号与用途。
- 02在手机正常字号下检查标签,无需放大才能读。
- 03将状态用文字或符号重复表达,再检查文字与背景对比。
一个常见问题
深色底配白字一定合格吗?
不能只凭“深色”这个名称确定。应按实际前景背景值计算;半透明、渐变和图片背景还需检查最不利位置。服装搭配不需要套用文字对比率。
适用范围
本页规则用于色板说明、学习笔记和网页图例。它不以可访问性分数评价个人衣着,也不把视觉偏好变成普遍审美排名。
参考与适用范围
W3C:文本最低对比度:适用于网页文字及文字图像,具体例外和大字定义以原文为准;不适用于服装审美评分。