ImageColorPicker.com

    #005F87 深海仪表蓝

    生成颜色代码、变化、和谐，并检查对比度。

    颜色转换

    HEX

    #005f87

    HEX
    #005f87
    HSL
    198, 100, 26
    RGB
    0, 95, 135
    XYZ
    8, 10, 24
    CMYK
    100, 30, 0, 47
    LUV
    38,-19,-35
    LAB
    38, -8, -29
    HWB
    198, 0, 47

    变化

    本节的目的是准确生成你所选颜色的色调（添加纯白）和阴影（添加纯黑），以10%的增量进行。

    专业提示： 使用阴影用于悬停状态和阴影，使用色调用于高光和背景。

    阴影

    通过在基础颜色中添加黑色创建的较暗变化。

    色调

    通过在基础颜色中添加白色创建的较亮变化。

    常见用例

    • • UI组件状态（悬停、激活、禁用）
    • • 使用阴影和高光创建深度
    • • 构建一致的颜色系统

    设计系统提示

    这些变化构成了一个连贯的调色板的基础。导出它们以在整个项目中保持一致性。

    颜色组合

    每种和谐都有其独特的氛围。使用和谐来集思广益，找到搭配良好的颜色组合。

    如何使用

    点击任意颜色以复制其Hex值。这些组合在数学上被证明可以创造视觉和谐。

    为什么重要

    颜色和谐在设计中创造平衡并唤起特定情感。

    互补色

    一种颜色及其在色轮上的对立面，色相相差180度。高对比度。

    #005f87
    最佳用途: 高影响力设计、CTA、标志

    分裂互补色

    一种颜色及其互补色相邻的两个颜色，色相相差±30度。像直接互补色一样大胆，但更具多样性。

    最佳用途: 鲜艳且平衡的布局

    三色

    色轮上均匀分布的三种颜色，每种颜色的色相相差120度。最好让一种颜色占主导地位，其他颜色作为强调色。

    最佳用途: 活泼、有活力的设计

    相似色

    具有相同亮度和饱和度的三种颜色，其色相在色轮上相邻，相差30度。平滑过渡。

    最佳用途: 自然灵感、平静的界面

    单色

    具有相同色相的三种颜色，亮度值相差±50%。微妙而精致。

    最佳用途: 极简、精致的设计

    四方色

    两组互补色，相隔60度的色相。

    最佳用途: 丰富、多样的配色方案

    色彩理论原则

    平衡

    使用一种主色，辅以次要颜色，并谨慎使用强调色。

    对比

    确保足够的对比度以提高可读性和可访问性。

    和谐

    颜色应协同工作，创造统一的视觉体验。

    颜色对比检查器

    测试颜色组合以确保它们符合WCAG可访问性标准，确保文本可读性。

    文本颜色
    背景颜色
    对比度
    1.00
    Fail
    非常差
    小文本
    ✖︎
    大文本
    ✖︎
    WCAG标准
    AA:普通文本的最小对比度比为 4.5:1，大文本为 3:1。大多数网站要求达到这一标准。
    AAA:普通文本的增强对比度比为 7:1，大文本为 4.5:1。建议达到最佳可访问性。
    所有文本大小的对比度不足 - 不符合WCAG标准。

    高级对比度检查器

    使用滑块微调，多个预览等

    “

    每个人都是天才。但如果你以爬树的能力来评判一条鱼，它将一辈子都相信自己是愚蠢的。

    - Albert Einstein

    技术格式

    实用格式

    颜色分析

    色盲模拟器

    创意方面

    常见问题

    #005F87 是什么颜色？
    #005F87 是 深海仪表蓝 – 这是一种偏冷、饱和但不刺眼的深海蓝，带有明显的青绿色底色和稳重的暗调。它唤起一种如船舶仪表般精确、内敛且可依赖的情绪。
    深海仪表蓝 象征着什么？
    精确与仪表盘/导航的专业性, 信任与稳定, 冷静的技术性, 深度与探索, 海洋与广阔的隐喻. 在西方，它常被解读为专业与可靠，适合金融与科技领域；在北欧与日本设计语境中，这类冷蓝常与极简、功能主义联系在一起；在一些沿海文化则会联想到航海、安全与深海环境。
    在设计中，深海仪表蓝 被用在哪些地方？
    在空间或界面中，这个色调会抑制视觉噪音、提升信息的权威感并帮助用户感到受控与可靠。它倾向于把注意力引向结构与功能，减少情绪化反应，从而适合需要理性决策的场景。
    哪些颜色与深海仪表蓝搭配得好？
    colorCode.seoFaqPairingAnswer #FF8A3B: 互补色搭配，暖橙（FF8A3B）与深海仪表蓝形成强烈但和谐的注意力对比（互补和高对比）。. #007A9E: 类比色和谐，稍亮的青蓝（007A9E）用于渐变或次级按钮可保持色系统一并提供层次感（类比与渐变）。. #8A007A: 三分色组合，带紫红的色点（8A007A）为视觉提供温暖的亮点而不破坏专业感（分裂/三角和声）。.
    深海仪表蓝如何影响情绪？
    冷静而可信的专业沉稳 首先激发信任与安全感，然后带来专注感。 colorCode.seoFaqMoodTraits
    哪些行业使用深海仪表蓝？
    colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
    深海仪表蓝的历史是什么？
    这种带青调的深海蓝在历史上并非由单一颜料诞生，而是多种蓝绿色矿物与有机染料的演进结果。早期近似色可由青铜绿与天然蓝矿如孔雀石与方钠石混合获得，18-19世纪随着人造合成染料的发展，工匠开始能更稳定地复制这种深沉但带绿色调的蓝色。
    如何在设计中使用深海仪表蓝？
    保持高对比与暖色点缀：用它来建立信任感，但通过对比和少量暖色来引导注意力。colorCode.seoFaqDesignDo
    深海仪表蓝是否具备无障碍访问性？
    colorCode.seoFaqAccessibilityAnswer符合 WCAG AA 标准，适用于普通和大字体。