色禁怎么用：一张页面的配色实测
色禁怎么用，关键不是背下“哪些颜色不能碰”，而是把禁忌变成可检查的设计约束。我用一张手机促销页做测试，从主色比例、文字对比度、状态提示到真机预览逐项调整，结果很直观：颜色本身很少出错，真正容易翻车的是面积、位置和使用场景。
先说结论：色禁不是禁色表
我把“色禁”理解为配色禁忌，而不是某款固定软件。实测对象是一张375×812像素的促销页：红色按钮、深色标题、灰色正文，再加一块黄色优惠标签。初稿看着热闹，缩到手机尺寸后却有三个问题：按钮抢过标题、灰字难读、红黄同时大面积出现，视觉焦点散了。
真正有效的用法，是先规定颜色承担什么任务，再限制面积和组合。主色负责识别，强调色只给按钮、价格等关键动作，灰阶承载正文和背景。这样处理，比照着“红色不能配绿色”之类的口诀可靠得多。
用比例控制颜色，而不是凭感觉
我按60%、30%、10%的思路重排：约60%留给白色及浅灰背景，30%给深色文字与卡片区域，红色强调控制在10%以内。这个比例不是硬性标准，但很适合快速纠正“每个模块都想抢眼”的页面。调整后，红色只保留在购买按钮和优惠数字上，黄色标签改成小面积点缀。
一个实用判断是眯眼看页面：如果还能立即找到主按钮，层级通常没大问题；如果只剩几块同样刺眼的色块，说明强调色用多了。
文字和状态色必须单独检查
初稿正文用了#777777配白底，普通字号的对比度约为4.48:1，刚好低于WCAG对普通文本常用的4.5:1门槛。我把正文改成#707070，并保留足够字号和行距。另一个坑是只用红、绿表示失败与成功，色觉异常用户可能难以区分；加上叉号、对勾和文字后，信息才不依赖颜色单独传递。
按钮也不能只看静态稿。默认、按下、禁用、加载四种状态要放在一起比较，禁用态尤其容易灰得过浅，最后变成“看得见轮廓，看不清文字”。
最后一遍要离开设计软件
导出后我做了三次检查：手机真机看一次，屏幕亮度降到30%看一次，再转成灰度看一次。灰度模式下若标题、按钮和背景挤成同一层，说明设计过度依赖色相，明度层级并未建立。
所以，色禁怎么用并不复杂：先分配角色，再控制面积，接着查对比度和状态，最后用真机、低亮度、灰度复核。把“不能这样配”改成可执行的检查项，才是色禁真正有用的地方。
常见问题
色禁是软件还是配色规则？
“色禁”并非通行的软件名称，搜索时多半指色彩使用禁忌或配色限制。若你指某个具体产品，应同时核对开发者、官网和版本号，避免下载同名应用。
红色和绿色是不是一定不能一起用？
不是。问题在于不能只靠红绿传递含义。给成功、失败状态增加图标、文字、形状差异，并检查明度对比，红绿可以同时存在。
网页文字对比度多少比较稳妥？
可参考WCAG：普通文字至少4.5:1，大号文字至少3:1。品牌标志和纯装饰元素不按正文要求处理，但关键信息不应例外。