颜色:沙褐色
沙褐色的完整颜色信息和转换工具
类别: orange
颜色来源: web
亮度: 46.6%
颜色格式
将沙褐色转换为所有主要颜色格式。点击任意值复制到剪贴板。
HEX
#F4A460
RGB
244, 164, 96
HSL
28, 87, 67
HSV
28, 61, 96
CMYK
0, 33, 61, 4
LAB
74, 23, 47
无障碍性和对比度
测试沙褐色的无障碍性合规性和颜色对比度。
基础对比度比例
沙褐色 on White
2.03:1
沙褐色 on Black
10.33:1
WCAG 2.1 合规性
AA标准(普通文字)
所需比例: 4.5:1
PASS
AA标准(大字体)
所需比例: 3:1
PASS
AAA标准(普通文字)
所需比例: 7:1
PASS
AAA标准(大字体)
所需比例: 4.5:1
PASS
使用建议
✓ 无障碍性优秀
该颜色符合AAA标准,适用于所有文字大小和UI元素。
推荐文字颜色: 在沙褐色背景上使用#000000文字以获得最佳可读性。
相似颜色
基于色调和饱和度与沙褐色相似的颜色。
关于 沙褐色 颜色
沙褐色 颜色(#F4A460)是一个orange颜色,属于网页安全色彩调色板。这份全面指南涵盖了您需要了解的关于沙褐色的所有内容,包括技术规格、心理影响、设计应用和实用示例。
沙褐色 的十六进制代码为 #F4A460,RGB 值为 244, 164, 96。在 HSL 色彩空间中,它的色相为 28°,饱和度为 87%,亮度为 67%。这种颜色在所有浏览器和设计应用程序中都广泛支持。
颜色心理学和含义
发现沙褐色的心理影响和文化意义。
相关情感
热情、创造力、温暖、冒险、乐趣
象征意义
活力、生命力、玩乐、亲民
营销和品牌
创造兴奋感、促进冲动购买、显得友好
设计应用
学习如何在各种设计场景中有效使用沙褐色。
网页设计
- • 号召按钮
- • 活动横幅
- • 社交按钮
- • 互动元素
室内设计
- • 客厅装饰
- • 餐厅
- • 娱乐室
- • 温馨空间
平面设计
- • 活动海报
- • 食品广告
- • 娱乐品牌
- • 创意设计
时尚服装
- • 秋装
- • 运动装
- • 休闲服
- • 时尚配件
技术规格
沙褐色的完整技术细节和色彩空间信息。
色温
Warm
主波长
620-750nm
颜色纯度
87%
亮度指数
171/255
使用示例
展示如何使用沙褐色的实际示例和代码片段。
CSS 示例
background-color: #F4A460;
color: #F4A460;
border: 2px solid #F4A460;
box-shadow: 0 4px 8px #F4A46033;
background: linear-gradient(45deg, #F4A460, #ffd793);
设计技巧和最佳实践
在设计中使用沙褐色时,要考虑其心理影响和文化关联。这种颜色在web design, branding, and marketing materials中效果很好,可以与互补色有效搭配,创造出令人印象深刻的视觉组合。
无障碍性考虑
将沙褐色用作文字或背景颜色时,请确保对比度比例足够以符合无障碍性要求。根据 WCAG 指南测试您的颜色组合,以确保所有用户都能读取。