通常所说的“777色”，，，，，是指网页和设计中常见的十六进造色彩代码 #777 。。。。。。。依照 CSS 的三位色号写法，，，，，#777等同于#777777，，，，，它是一种中等深度的中性灰色，，，，，既不像玄色那样强烈，，，，，也比浅灰色更容易看清 。。。。。。。
若是你是在配色工具、网页代码或设计稿中看到“777”，，，，，通常应先确认前面是否带佑装#” 。。。。。。。只有写成 #777 或 #777777 时，，，，，它才是明确的网页色彩值；；；；；；单独的“777”并不是所有软件都能直接识此外尺度色彩体式 。。。。。。。
#777选取三位十六进造写法，，，，，每一位城市沉复一次，，，，，因而对应的六位色号是#777777 。。。。。。。红、绿、蓝三个通路数值齐全一样，，，，，所以它没有显著的冷暖偏差，，，，，属于中性灰 。。。。。。。
| 暗示方式 | 对应数值 | 寓意 |
|---|---|---|
| 三位十六进造 | #777 | 简写大局 |
| 六位十六进造 | #777777 | 齐全大局 |
| RGB | 119, 119, 119 | 红绿蓝数值一样 |
| HSL | 0°，，，，，0%，，，，，约46.7% | 无彩度的中灰色 |
| 常见印刷换算 | 约C0 M0 Y0 K53% | 现实印刷会受色彩配置影响 |
#777的明度处于玄色与浅灰色之间，，，，，视觉感触比力克造、不变 。。。。。。。它没有纯黑文字的压迫感，，，，，也不会像浅灰文字那样容易融入布景，，，，，因而常被用作辅助信息色彩 。。。。。。。
在白色或靠近白色的布景上，，，，，#777常用于“更新功夫”“作者信息”“输入提醒”“商品规格”等次级内容 。。。。。。。主标题能够使用更深的灰玄色，，，，，例如#222或#333；；；；；；辅助信息再使用#777，，，，，这样能形成清澈的内容层级 。。。。。。。
当页面必要同时出现重要内容和补充注明时，，，，，#777能够降低辅助文字的视觉权沉 。。。。。。。例如价值、按钮文字使用深色，，，，，采办注明、服务功夫和规定提醒使用#777，，，，，用户可能先看到沉点，，，，，再阅读细节 。。。。。。。
#777不仅能用于文字，，，，，也能够作为图标、线框、边框或布景致的一部门 。。。。。。。它比纯黑更柔和，，，，，适合留白较多的商务、科技、信息展示和极简风格页面 。。。。。。。
选择搭配色时，，，，，重要看布景明度和页面中必要凸起的沉点 。。。。。。。#777自身是中性灰，，，，，通常承担“平衡”和“退后”的作用，，，，，不建议把它当作页面唯一的强调色 。。。。。。。
| 搭配色彩 | 整体成效 | 适合场景 |
|---|---|---|
| 白色或米白色 | 清澈、干净 | 网页正文、信息卡片 |
| 深蓝色 | 稳沉、专业 | 企业页面、数据看板 |
| 绿色 | 天然、和善 | 健全、环保、服务类设计 |
| 橙色或黄色 | 活跃、有对比 | 按钮、提醒、沉点象征 |
| 玄色 | 档次较弱，，，，，需审慎 | 大面积深色布景中的装璜元素 |
#777放在白色布景上通常可能满足通常正文的阅读需要，，，，，但最终成效还取决于字号、字体粗细、布景致彩和屏幕显示 。。。。。。。字号较幼、字体较细或布景不是纯白时，，，，，现实辨识度可能降落 。。。。。。。
#333比#777更深，，，，，适合标题和正文主文字；；；；；；#999比#777更浅，，，，，更适合次要提醒和弱化信息；；；；；；#ccc靠近浅灰，，，，，常用于边框、宰割线和输入框布景 。。。。。。。它们能够依照内容沉要水平组成一套灰度层级 。。。。。。。
| 色号 | 明暗感触 | 常见用处 |
|---|---|---|
| #333 | 深灰 | 主标题、正文、沉要信息 |
| #777 | 中灰 | 辅助文字、标签、次级信息 |
| #999 | 浅中灰 | 弱提醒、次要注明 |
| #ccc | 浅灰 | 边框、宰割线、布景区域 |
网页形状中能够写成 #777，，，，，也能够写成 #777777，，，，，两种写法显示了局一样 。。。。。。。必要设置通明度时，，，，，能够使用带通明通路的写法或通过设计工具调整通明度，，，，，但分歧开发环境的具体体式应以对应规范为准 。。。。。。。
若是设计软件只显示“777”而没佑装#”，，，，，不要直接假定它肯定代表#777777 。。。。。。。有些软件中的数字可能是色板编号、品牌内部色号或其他参数 。。。。。。。此时应查看字段名称，，，，，确认它属于HEX、RGB、CMYK还是自界说色号，，，，，再进行使用 。。。。。。。
扫码下载
中文网微信