#B56C23 烤琥珀铜(Roasted Amber Copper)

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

    颜色转换

    HEX

    #b56c23

    HEX
    #b56c23
    HSL
    30, 68, 42
    RGB
    181, 108, 35
    XYZ
    25, 21, 4
    CMYK
    0, 40, 81, 29
    LUV
    53,69,45
    LAB
    53, 24, 50
    HWB
    30, 14, 29

    变化

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

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

    阴影

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

    色调

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

    常见用例

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

    设计系统提示

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

    颜色组合

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

    如何使用

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

    为什么重要

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

    互补色

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

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

    技术格式

    实用格式

    颜色分析

    色盲模拟器

    创意方面

    常见问题

    #B56C23 是什么颜色?
    #B56C23 是 烤琥珀铜(Roasted Amber Copper) – 这是一种介于焦糖与生锈铜之间的深暖橙棕,带有柔和的赤色底调和中等明度的沉稳质感。它唤起老物件的温度与手作工艺的亲密感,既有热力也带有时间的厚度。
    烤琥珀铜(Roasted Amber Copper) 象征着什么?
    手工/工艺, 土地与收获, 成熟与丰饶, 稳健的财富(非奢华), 时间的痕迹/古旧美. 在西方,近似色常与秋季收获、木材与皮革联系,象征温暖与家庭;在东亚,这类深橙棕接近传统木器、古家具的色调,常联想到质朴与岁月感;在中东或地中海文化中,这种色调可与陶土、香料(如肉桂、姜)发生联想,带来地域性温暖味道。
    在设计中,烤琥珀铜(Roasted Amber Copper) 被用在哪些地方?
    在空间或视觉设计中,这个色调能立刻拉近距离,创造一种温暖且有历史感的氛围。它会让材质看起来更有纹理和深度,适合强调工艺感与传统价值。
    哪些颜色与烤琥珀铜(Roasted Amber Copper)搭配得好?
    colorCode.seoFaqPairingAnswer #237FB5: 互补配色:冷静的钢青蓝中和暖橙棕,制造强烈但平衡的视觉对比,适用于CTA或强调元素。. #23B56C: 分裂互补/类三角:柔和的森林绿为色板带来自然感,适合食品或生态手作品牌的搭配。 . #6C23B5: 三原色三角关系:深紫色与其配对可以营造高雅且复古的氛围,适合奢侈感包装或印刷封面。.
    烤琥珀铜(Roasted Amber Copper)如何影响情绪?
    温暖的成熟可靠感 看到此色时的主要情感是被包裹的安心与怀旧。 colorCode.seoFaqMoodTraits
    哪些行业使用烤琥珀铜(Roasted Amber Copper)?
    colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
    烤琥珀铜(Roasted Amber Copper)的历史是什么?
    这种深暖橙棕色的视觉源头可以追溯到古代使用的铁氧化物与土黄颜料(如生褐土/赭石),文艺复兴时期画家用加热的赭石(burnt sienna)与有机媒质创造出类似的暖褐色,用于表现皮革、木材与暖色光影。\n\n在装饰与建筑中,铜与青铜器在经过氧化与焙烧后的深橙铜色长期出现在金属工艺与家具细节上;而在服饰与家具史上,这类色调经常出现在皮质马具、行李与旅行箱的表面,象征耐用与旅行的印记。\n\n进入现代后,随着手工艺与可持续设计的回潮,这类“烤琥珀”色再次被品牌用于传达工匠精神、天然材料与怀旧质感,出现在精品包装、手工皮具与秋冬时装系列中。它在数字与实体媒体间同样表现出强烈的触感暗示。
    如何在设计中使用烤琥珀铜(Roasted Amber Copper)?
    记住色彩的对比与材质关系:用中性的深色或暖灰作支撑,保留高对比的阅读区域。colorCode.seoFaqDesignDo
    烤琥珀铜(Roasted Amber Copper)是否具备无障碍访问性?
    colorCode.seoFaqAccessibilityAnswer符合 WCAG AA 标准,适用于普通和大字体。