颜色：皇家蓝
皇家蓝的完整颜色信息和转换工具
类别: blue
颜色来源: web
亮度: 16.7%
颜色格式
将皇家蓝转换为所有主要颜色格式。点击任意值复制到剪贴板。
HEX
#4169E1
RGB
65, 105, 225
HSL
225, 73, 57
HSV
225, 71, 88
CMYK
71, 53, 0, 12
LAB
48, 26, -65
无障碍性和对比度
测试皇家蓝的无障碍性合规性和颜色对比度。
基础对比度比例
皇家蓝 on White
4.85:1
皇家蓝 on Black
4.33: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文字以获得最佳可读性。
相似颜色
基于色调和饱和度与皇家蓝相似的颜色。
关于 皇家蓝 颜色
皇家蓝 颜色（#4169E1）是一个blue颜色，属于网页安全色彩调色板。这份全面指南涵盖了您需要了解的关于皇家蓝的所有内容，包括技术规格、心理影响、设计应用和实用示例。
皇家蓝 的十六进制代码为 #4169E1，RGB 值为 65, 105, 225。在 HSL 色彩空间中，它的色相为 225°，饱和度为 73%，亮度为 57%。这种颜色在所有浏览器和设计应用程序中都广泛支持。
颜色心理学和含义
发现皇家蓝的心理影响和文化意义。
相关情感
信任、平静、稳定、和平、忠诚、忧伤
象征意义
可靠、专业、安全、宁静
营销和品牌
建立信任、促进平静、专业外观
设计应用
学习如何在各种设计场景中有效使用皇家蓝。
网页设计
- • 网站头部
- • 链接样式
- • 企业主题
- • 信任指标
- • 专业布局
室内设计
- • 卧室
- • 浴室
- • 办公空间
- • 海岸风格
平面设计
- • 企业品牌
- • 医疗材料
- • 科技主题
- • 专业演示
时尚服装
- • 商务装
- • 牛仔服饰
- • 正装
- • 休闲衬衫
技术规格
皇家蓝的完整技术细节和色彩空间信息。
色温
Cool
主波长
450-495nm
颜色纯度
73%
亮度指数
145/255
使用示例
展示如何使用皇家蓝的实际示例和代码片段。
CSS 示例
background-color: #4169E1;
color: #4169E1;
border: 2px solid #4169E1;
box-shadow: 0 4px 8px #4169E133;
background: linear-gradient(45deg, #4169E1, #749cff);
设计技巧和最佳实践
在设计中使用皇家蓝时，要考虑其心理影响和文化关联。这种颜色在web design, branding, and marketing materials中效果很好，可以与互补色有效搭配，创造出令人印象深刻的视觉组合。
无障碍性考虑
将皇家蓝用作文字或背景颜色时，请确保对比度比例足够以符合无障碍性要求。根据 WCAG 指南测试您的颜色组合，以确保所有用户都能读取。