颜色:暗灰色
暗灰色的完整颜色信息和转换工具
类别: gray
颜色来源: web
亮度: 14.1%
颜色格式
将暗灰色转换为所有主要颜色格式。点击任意值复制到剪贴板。
HEX
#696969
RGB
105, 105, 105
HSL
0, 0, 41
HSV
0, 0, 41
CMYK
0, 0, 0, 59
LAB
44, 0, 0
无障碍性和对比度
测试暗灰色的无障碍性合规性和颜色对比度。
基础对比度比例
暗灰色 on White
5.49:1
暗灰色 on Black
3.83:1
WCAG 2.1 合规性
AA标准(普通文字)
所需比例: 4.5:1
PASS
AA标准(大字体)
所需比例: 3:1
PASS
AAA标准(普通文字)
所需比例: 7:1
FAIL
AAA标准(大字体)
所需比例: 4.5:1
PASS
使用建议
⚠ 无障碍性良好
该颜色符合AA标准。与white文字搭配使用效果最佳。
推荐文字颜色: 在暗灰色背景上使用#FFFFFF文字以获得最佳可读性。
相似颜色
基于色调和饱和度与暗灰色相似的颜色。
关于 暗灰色 颜色
暗灰色 颜色(#696969)是一个gray颜色,属于网页安全色彩调色板。这份全面指南涵盖了您需要了解的关于暗灰色的所有内容,包括技术规格、心理影响、设计应用和实用示例。
暗灰色 的十六进制代码为 #696969,RGB 值为 105, 105, 105。在 HSL 色彩空间中,它的色相为 0°,饱和度为 0%,亮度为 41%。这种颜色在所有浏览器和设计应用程序中都广泛支持。
颜色心理学和含义
发现暗灰色的心理影响和文化意义。
相关情感
中性、平衡、实用、现代、冷静
象征意义
平衡、中性、专业、稳定、实用
营销和品牌
专业服务、企业品牌、现代设计、实用产品
设计应用
学习如何在各种设计场景中有效使用暗灰色。
网页设计
- • 企业网站
- • 专业平台
- • 现代设计
- • 中性主题
室内设计
- • 办公空间
- • 现代客厅
- • 中性装饰
- • 简约风格
平面设计
- • 企业品牌
- • 专业服务
- • 现代设计
- • 实用产品
时尚服装
- • 商务装
- • 职场服装
- • 基础单品
- • 现代装
技术规格
暗灰色的完整技术细节和色彩空间信息。
色温
Warm
主波长
620-750nm
颜色纯度
0%
亮度指数
105/255
使用示例
展示如何使用暗灰色的实际示例和代码片段。
CSS 示例
background-color: #696969;
color: #696969;
border: 2px solid #696969;
box-shadow: 0 4px 8px #69696933;
background: linear-gradient(45deg, #696969, #9c9c9c);
设计技巧和最佳实践
在设计中使用暗灰色时,要考虑其心理影响和文化关联。这种颜色在web design, branding, and marketing materials中效果很好,可以与互补色有效搭配,创造出令人印象深刻的视觉组合。
无障碍性考虑
将暗灰色用作文字或背景颜色时,请确保对比度比例足够以符合无障碍性要求。根据 WCAG 指南测试您的颜色组合,以确保所有用户都能读取。