颜色：海绿色
海绿色的完整颜色信息和转换工具
类别: green
颜色来源: web
亮度: 19.7%
颜色格式
将海绿色转换为所有主要颜色格式。点击任意值复制到剪贴板。
HEX
#2E8B57
RGB
46, 139, 87
HSL
146, 50, 36
HSV
146, 67, 55
CMYK
67, 0, 37, 45
LAB
52, -40, 20
无障碍性和对比度
测试海绿色的无障碍性合规性和颜色对比度。
基础对比度比例
海绿色 on White
4.25:1
海绿色 on Black
4.95:1
WCAG 2.1 合规性
AA标准（普通文字）
所需比例: 4.5:1
PASS
AA标准（大字体）
所需比例: 3:1
PASS
AAA标准（普通文字）
所需比例: 7:1
FAIL
AAA标准（大字体）
所需比例: 4.5:1
PASS
使用建议
⚠ 无障碍性良好
该颜色符合AA标准。与black文字搭配使用效果最佳。
推荐文字颜色: 在海绿色背景上使用#000000文字以获得最佳可读性。
相似颜色
基于色调和饱和度与海绿色相似的颜色。
关于 海绿色 颜色
海绿色 颜色（#2E8B57）是一个green颜色，属于网页安全色彩调色板。这份全面指南涵盖了您需要了解的关于海绿色的所有内容，包括技术规格、心理影响、设计应用和实用示例。
海绿色 的十六进制代码为 #2E8B57，RGB 值为 46, 139, 87。在 HSL 色彩空间中，它的色相为 146°，饱和度为 50%，亮度为 36%。这种颜色在所有浏览器和设计应用程序中都广泛支持。
颜色心理学和含义
发现海绿色的心理影响和文化意义。
相关情感
自然、成长、和谐、清新、安全、金钱
象征意义
健康、环境、繁荣、平衡、更新
营销和品牌
与健康、财富和环保相关
设计应用
学习如何在各种设计场景中有效使用海绿色。
网页设计
- • 成功消息
- • 环保主题
- • 医疗网站
- • 金融服务
室内设计
- • 客厅
- • 厨房
- • 花园房间
- • 自然主题
平面设计
- • 环保品牌
- • 健康产品
- • 金融服务
- • 自然主题
时尚服装
- • 休闲装
- • 户外服装
- • 春装系列
- • 军事风格
技术规格
海绿色的完整技术细节和色彩空间信息。
色温
Neutral
主波长
495-570nm
颜色纯度
50%
亮度指数
92/255
使用示例
展示如何使用海绿色的实际示例和代码片段。
CSS 示例
background-color: #2E8B57;
color: #2E8B57;
border: 2px solid #2E8B57;
box-shadow: 0 4px 8px #2E8B5733;
background: linear-gradient(45deg, #2E8B57, #61be8a);
设计技巧和最佳实践
在设计中使用海绿色时，要考虑其心理影响和文化关联。这种颜色在web design, branding, and marketing materials中效果很好，可以与互补色有效搭配，创造出令人印象深刻的视觉组合。
无障碍性考虑
将海绿色用作文字或背景颜色时，请确保对比度比例足够以符合无障碍性要求。根据 WCAG 指南测试您的颜色组合，以确保所有用户都能读取。