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