从#777到高对比色的三种搭配方向

#777灰色的核心作用是降低色彩噪音并建立视觉秩序。相比纯黑，#777没有过强的压迫感；相比浅灰，#777能够保留足够的存在感，适合用🎉于辅助标题、禁用状态、分割👍线、图标和信息卡片中的次要内容。

高对比配色的失控通常来自颜色角色重复，而不是颜色🔑本身不够鲜艳。以下问题会让灰色基底失去稳定作用。

#777灰色的视觉特征与使用边界

#777的RGB值为119、119、119，属于中等偏深的中性灰。#777文字放在白色背景上的对比度约为4.48:1，接近常见正文可读性标准但略有不足，因此小字号正文、长段落和重要提示不建议直接使用#777；深灰#555、#444更适合持续阅读，#777则适合次要信息、说明文字、边框和灰度背景。

#777灰色不适合承担所有层级的视觉信息。页面同时使用#777作为正文、标题、边框和背景时，层级会被压平；页面🎊只使用黑白灰而缺少强调色时，内容虽然稳定，却可能缺少点击动机和记忆点。

高对比配色的重点不是简单增加颜色数量▶️，而是让#777与强🔑调色在明度、冷暖或饱和度上形成明确差异。下面三种方向适合不同的页面气质，实际使用时应保留一个主强调色，其他颜色只作为辅助。