颜色：棕色
棕色的完整颜色信息和转换工具
类别: red
颜色来源: web
亮度: 9.8%
颜色格式
将棕色转换为所有主要颜色格式。点击任意值复制到剪贴板。
HEX
#A52A2A
RGB
165, 42, 42
HSL
0, 59, 41
HSV
0, 75, 65
CMYK
0, 75, 75, 35
LAB
38, 50, 31
无障碍性和对比度
测试棕色的无障碍性合规性和颜色对比度。
基础对比度比例
棕色 on White
7.08:1
棕色 on Black
2.96:1
WCAG 2.1 合规性
AA标准（普通文字）
所需比例: 4.5:1
PASS
AA标准（大字体）
所需比例: 3:1
PASS
AAA标准（普通文字）
所需比例: 7:1
PASS
AAA标准（大字体）
所需比例: 4.5:1
PASS
使用建议
✓ 无障碍性优秀
该颜色符合AAA标准，适用于所有文字大小和UI元素。
推荐文字颜色: 在棕色背景上使用#FFFFFF文字以获得最佳可读性。
相似颜色
基于色调和饱和度与棕色相似的颜色。
关于 棕色 颜色
棕色 颜色（#A52A2A）是一个red颜色，属于网页安全色彩调色板。这份全面指南涵盖了您需要了解的关于棕色的所有内容，包括技术规格、心理影响、设计应用和实用示例。
棕色 的十六进制代码为 #A52A2A，RGB 值为 165, 42, 42。在 HSL 色彩空间中，它的色相为 0°，饱和度为 59%，亮度为 41%。这种颜色在所有浏览器和设计应用程序中都广泛支持。
颜色心理学和含义
发现棕色的心理影响和文化意义。
相关情感
激情、活力、兴奋、力量、爱情、愤怒
象征意义
力量、勇气、决心、危险、警告
营销和品牌
创造紧迫感、刺激食欲、吸引注意力
设计应用
学习如何在各种设计场景中有效使用棕色。
网页设计
- • 行动号召按钮
- • 错误消息
- • 促销标签
- • 导航高亮
室内设计
- • 装饰墙
- • 餐厅装饰
- • 厨房配件
- • 醒目家具
平面设计
- • 标题
- • 促销广告
- • 警告标识
- • 标志装饰
时尚服装
- • 晚装
- • 职业套装
- • 配饰
- • 时尚单品
技术规格
棕色的完整技术细节和色彩空间信息。
色温
Warm
主波长
620-750nm
颜色纯度
59%
亮度指数
105/255
使用示例
展示如何使用棕色的实际示例和代码片段。
CSS 示例
background-color: #A52A2A;
color: #A52A2A;
border: 2px solid #A52A2A;
box-shadow: 0 4px 8px #A52A2A33;
background: linear-gradient(45deg, #A52A2A, #d85d5d);
设计技巧和最佳实践
在设计中使用棕色时，要考虑其心理影响和文化关联。这种颜色在web design, branding, and marketing materials中效果很好，可以与互补色有效搭配，创造出令人印象深刻的视觉组合。
无障碍性考虑
将棕色用作文字或背景颜色时，请确保对比度比例足够以符合无障碍性要求。根据 WCAG 指南测试您的颜色组合，以确保所有用户都能读取。