ImageColorPicker.com

    #25797E 深礁青黛

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

    颜色转换

    HEX

    #25797e

    HEX
    #25797e
    HSL
    183, 55, 32
    RGB
    37, 121, 126
    XYZ
    11, 16, 22
    CMYK
    71, 4, 0, 51
    LUV
    46,-25,-7
    LAB
    46, -23, -10
    HWB
    183, 15, 51

    变化

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

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

    阴影

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

    色调

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

    常见用例

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

    设计系统提示

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

    颜色组合

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

    如何使用

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

    为什么重要

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

    互补色

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

    #25797e
    最佳用途: 高影响力设计、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

    技术格式

    实用格式

    颜色分析

    色盲模拟器

    创意方面

    常见问题

    #25797E 是什么颜色？
    #25797E 是 深礁青黛 – 这是一种偏冷、略带灰度的深青蓝，像近岸暗石与海水交汇处的沉静色泽。它唤起稳重的专注感和带有一点自然疏离的清醒情绪，让人既安心又保持警觉。
    深礁青黛 象征着什么？
    专业与信任, 自然与可持续, 修养与内敛, 科技冷静, 海洋与深度. 在西方，深礁青黛常被用来表达可靠与专业，尤其在医疗与科技领域；在中国，它与玉石、青瓷的文化审美相呼应，传达含蓄与雅致；在日本，这类青蓝色调与传统的“靛色/青色”家族相近，给人一种恬静且讲究的匠人美学。
    在设计中，深礁青黛 被用在哪些地方？
    在空间或界面中，这个色调减少视觉躁动，促使用户更专注于内容与功能；由于其中含灰使其显得成熟而不过于鲜亮，因此适合需要长时间注视的信息密集界面。它还能降低焦虑、提升对细节的感知，但如果互动提示不足可能显得过于克制。
    哪些颜色与深礁青黛搭配得好？
    colorCode.seoFaqPairingAnswer #7E372F: 互补对比：暖红褐色与深礁青黛形成强烈的色相对立，用于CTA或强调元素能迅速抓住注意力。. #25A09E: 类比和谐：更明亮的蓝绿色延展了色相范围，适合作为强调色或渐变的亮段，保持冷色系的整体统一感。. #7E2579: 三分色/对比：带紫调的樱紫可作为点缀色，营造精致且略带奢华的调性，同时保持视觉活力。.
    深礁青黛如何影响情绪？
    冷静可信的稳重感 带来安稳但略带距离感的安心与专业感。 colorCode.seoFaqMoodTraits
    哪些行业使用深礁青黛？
    colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
    深礁青黛的历史是什么？
    这种深青蓝系的色调在历史上并非由单一颜料直接产生；古代工匠常通过铜锈（铜绿/verdigris）、绿松石以及孔雀石等铜基或磷酸盐矿物得到接近的蓝绿色调，或在釉料中加入少量铁和铜以实现深沉的青色。早期欧洲与中东手稿与瓷器上都能见到这种冷静而略带绿意的蓝绿色。
    如何在设计中使用深礁青黛？
    保持对比与温度平衡：用暖色或中性色调整其冷感，并确保文本/交互元素有足够的亮度对比。colorCode.seoFaqDesignDo
    深礁青黛是否具备无障碍访问性？
    colorCode.seoFaqAccessibilityAnswer符合 WCAG AA 标准，适用于普通和大字体。