ImageColorPicker.com

    #506584 石板暮蓝

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

    颜色转换

    HEX

    #506584

    HEX
    #506584
    HSL
    216, 25, 42
    RGB
    80, 101, 132
    XYZ
    12, 13, 24
    CMYK
    39, 23, 0, 48
    LUV
    42,-4,-23
    LAB
    42, 1, -20
    HWB
    216, 31, 48

    变化

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

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

    阴影

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

    色调

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

    常见用例

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

    设计系统提示

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

    颜色组合

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

    如何使用

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

    为什么重要

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

    互补色

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

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

    技术格式

    实用格式

    颜色分析

    色盲模拟器

    创意方面

    常见问题

    #506584 是什么颜色？
    #506584 是 石板暮蓝 – 这是介于深蓝与钢灰之间、带有淡淡冷绿底调的中暗度蓝灰，视觉上既稳重又略带清冷。它唤起安静的专注与内省，像黄昏时分被海风磨平的岩面带来的沉思感。
    石板暮蓝 象征着什么？
    权威与可靠, 沉思与深度, 专业性, 克制的优雅, 海岸与工业交融的地域感. 在西方，这类蓝灰常被用于职业制服与企业形象，象征稳重与专业；在北欧设计语境中，它被当作中性且接地的颜色，强调自然与功能性；在东亚，接近靛蓝与灰的色调常与文人气质、内敛品味相关联。
    在设计中，石板暮蓝 被用在哪些地方？
    在空间或界面中它会降低视觉噪音，让信息和结构更易被接受；同时因其低饱和与中等亮度，会让环境显得更专业、略带距离感，从而强化信任与尊重。它也会减少冲动反应，鼓励用户慢下决策节奏。
    哪些颜色与石板暮蓝搭配得好？
    colorCode.seoFaqPairingAnswer #AF9A7B: 互补与温度平衡：这是对比而不刺眼的暖砂色，可用作强调色形成互补对比，从而凸显信息（互补和谐）。. #2F6B8A: 类比渐变：更偏绿的冷蓝与石板暮蓝相邻，适合做渐变或层次背景，保持整体冷色氛围（类比和谐）。. #84506A: 三分色对比：带紫调的赭色/玫瑰褐为设计提供柔和的暖色点缀，可作为配件色或次要按钮（分裂互补/三分和谐）。.
    石板暮蓝如何影响情绪？
    沉静的自信与含蓄的权威 观者通常感到安心且被邀请进入认真、严谨的氛围。 colorCode.seoFaqMoodTraits
    哪些行业使用石板暮蓝？
    colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
    石板暮蓝的历史是什么？
    石板暮蓝这样的蓝灰色调在西方绘画与工业应用中可追溯到18至19世纪，画家用普鲁士蓝、靛蓝与少量炭黑或赭石混合调制出类似的阴影色，两者混合产生既有蓝感又被泥土色调压低的沉稳色泽。
    如何在设计中使用石板暮蓝？
    记住对比与温度平衡：用暖色小面积强调或明亮中性色提升可读性与层次。colorCode.seoFaqDesignDo
    石板暮蓝是否具备无障碍访问性？
    colorCode.seoFaqAccessibilityAnswer符合 WCAG AA 标准，适用于普通和大字体。