颜色:天蓝色天蓝色的完整颜色信息和转换工具
类别: blue颜色来源: web亮度: 55.3%复制十六进制复制RGB复制HSL颜色格式将天蓝色转换为所有主要颜色格式。点击任意值复制到剪贴板。
HEX#87CEEBRGB135, 206, 235HSL197, 71, 73HSV197, 43, 92CMYK43, 12, 0, 8LAB79, -15, -21无障碍性和对比度测试天蓝色的无障碍性合规性和颜色对比度。
基础对比度比例天蓝色 on White1.74:1天蓝色 on Black12.06:1WCAG 2.1 合规性AA标准(普通文字)所需比例: 4.5:1
PASSAA标准(大字体)所需比例: 3:1
PASSAAA标准(普通文字)所需比例: 7:1
PASSAAA标准(大字体)所需比例: 4.5:1
PASS使用建议✓ 无障碍性优秀
该颜色符合AAA标准,适用于所有文字大小和UI元素。
推荐文字颜色: 在天蓝色背景上使用#000000文字以获得最佳可读性。
相似颜色基于色调和饱和度与天蓝色相似的颜色。
淡蓝色
lightblue
淡天蓝色
lightskyblue
粉蓝色
powderblue
淡绿松石色
paleturquoise
深天蓝色
deepskyblue
钢蓝色
steelblue
颜色工具使用天蓝色的专业工具,创建色彩方案。
颜色转换器调色板生成器颜色选择器无障碍性检查器关于 天蓝色 颜色天蓝色 颜色(#87CEEB)是一个blue颜色,属于网页安全色彩调色板。这份全面指南涵盖了您需要了解的关于天蓝色的所有内容,包括技术规格、心理影响、设计应用和实用示例。
天蓝色 的十六进制代码为 #87CEEB,RGB 值为 135, 206, 235。在 HSL 色彩空间中,它的色相为 197°,饱和度为 71%,亮度为 73%。这种颜色在所有浏览器和设计应用程序中都广泛支持。
颜色心理学和含义发现天蓝色的心理影响和文化意义。
相关情感信任、平静、稳定、和平、忠诚、忧伤
象征意义可靠、专业、安全、宁静
营销和品牌建立信任、促进平静、专业外观
设计应用学习如何在各种设计场景中有效使用天蓝色。
网页设计• 网站头部• 链接样式• 企业主题• 信任指标• 专业布局室内设计• 卧室• 浴室• 办公空间• 海岸风格平面设计• 企业品牌• 医疗材料• 科技主题• 专业演示时尚服装• 商务装• 牛仔服饰• 正装• 休闲衬衫技术规格天蓝色的完整技术细节和色彩空间信息。
色温Cool主波长450-495nm颜色纯度71%亮度指数186/255使用示例展示如何使用天蓝色的实际示例和代码片段。
CSS 示例background-color: #87CEEB;color: #87CEEB;border: 2px solid #87CEEB;box-shadow: 0 4px 8px #87CEEB33;background: linear-gradient(45deg, #87CEEB, #baffff);设计技巧和最佳实践在设计中使用天蓝色时,要考虑其心理影响和文化关联。这种颜色在web design, branding, and marketing materials中效果很好,可以与互补色有效搭配,创造出令人印象深刻的视觉组合。
无障碍性考虑将天蓝色用作文字或背景颜色时,请确保对比度比例足够以符合无障碍性要求。根据 WCAG 指南测试您的颜色组合,以确保所有用户都能读取。
相关的 Blue 颜色探索其他与 天蓝色 具有相似特征的 blue 颜色。
navyazurecobaltsapphireceruleantealindigocyan