色77777攻略：和三档灰色逐步比
色77777攻略不该只盯着一个色块看。把#666666、#777777与#888888放到相同白底、字号和组件中横向比较，差别才有意义。本文按建立基准、比较文字、比较组件、确定方案四步推进，帮你在清晰度、克制感和视觉层级之间找到靠谱选择。
步骤一：先统一比较条件
第一步别急着选颜色，先把背景固定为#FFFFFF，字体、字号、字重和文案保持一致，再并排放入#666666、#777777、#888888。若条件不统一，所谓横向对比只是凭感觉。三者里，#666666最沉稳清楚，#777777居中，#888888最轻。色77777攻略的核心，就是让选择由信息等级决定，而不是觉得哪个色块单独看更顺眼。
步骤二：比较三者的文字能力
#666666与白色的对比度约为5.74:1，可达到WCAG普通文字AA级要求，适合正文，但视觉上略重；#777777约为4.48:1，略低于4.5:1门槛，更适合大字或辅助信息；#888888约为3.54:1，普通小字更吃力，可用于达到相应要求的大号文字。只谈柔和度，#888888占优；兼顾阅读稳定性，#666666更省心。
步骤三：再放进组件逐项比较
进入组件后，结果会变化。用作线性图标，#777777比#666666轻巧，又比#888888稳定；用作输入框边框，三者都可能偏重，通常应另选更浅的结构灰；用作禁用文字，#888888看似符合“弱化”，却可能在低亮度屏幕上不够清楚。按钮、图标和状态提示还不能只靠灰度区别，必须结合文字、形状或图标表达含义。
步骤四：按任务确定最终方案
最后建立明确分工：长正文优先#666666或更深；日期、来源、次级说明考虑#777777；装饰性大字可测试#888888。深色模式不要把三套数值原样搬过去，因为背景变化会重排它们的明暗关系。横向看完，#777777的优势是平衡和克制，短板是白底小正文的标准风险。照这套色77777攻略走，选灰色就不再靠猜。
常见问题
#666666和#777777哪个更适合正文？
白色背景下优先#666666。它的对比度约为5.74:1，可达到普通文字AA级要求；#777777约为4.48:1，略低于4.5:1。
#777777和#888888哪个更适合辅助文字？
#777777通常更稳，尤其是字号较小时；#888888更轻，但与白底对比更低，适合大字、装饰信息或经过检测的特定场景。
深色模式还能使用色77777吗？
可以测试，但不能直接沿用浅色模式的角色。#777777与纯黑对比度约为4.69:1，视觉存在感会上升，应结合正文色和背景重新排序层级。