#00E59B 极光薄荷

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

    颜色转换

    HEX

    #00e59b

    HEX
    #00e59b
    HSL
    161, 100, 45
    RGB
    0, 229, 155
    XYZ
    34, 58, 40
    CMYK
    100, 0, 32, 10
    LUV
    81,-61,48
    LAB
    81, -63, 23
    HWB
    161, 0, 10

    变化

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

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

    阴影

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

    色调

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

    常见用例

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

    设计系统提示

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

    颜色组合

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

    如何使用

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

    为什么重要

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

    互补色

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

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

    技术格式

    实用格式

    颜色分析

    色盲模拟器

    创意方面

    常见问题

    #00E59B 是什么颜色?
    #00E59B 是 极光薄荷 – 这种色彩介于绿与青之间,呈现出明亮而清透的薄荷绿带有微弱蓝调光泽。它传递出清新、愉悦且充满活力的现代感。
    极光薄荷 象征着什么?
    新生与再生, 健康与净化, 科技与创新, 环保意识, 清爽的现代性. 在西方语境中,该色常与生态、健康和初创科技联系在一起;在中东与伊斯兰文化里,绿系整体具有神圣与幸运的正面含义;在东亚(如日本与中国)偏青的薄荷绿通常被视为青春、清新与自然,但在中国口语中“绿色”也可能引申出某些负面文化符号(如“戴绿帽”),需语境谨慎使用。
    在设计中,极光薄荷 被用在哪些地方?
    在界面或空间中,这一色调会让人感到精神振奋且易于集中注意力;它能在不激烈抢眼的同时提供强烈的视觉焦点,适合作为强调色。若用于室内环境,可提升空气感与“通透”感,但需要搭配中性基底以避免视觉疲劳。
    哪些颜色与极光薄荷搭配得好?
    colorCode.seoFaqPairingAnswer #E5006C: 互补配色——鲜明的洋红可以为 #00E59B 提供强烈的色彩对比,适合强调按钮或活动态提示(互补对比)。. #00BFAE: 类比配色——更偏蓝或更偏绿的相邻色可平滑过渡,适合渐变背景或多层次 UI(类比和谐)。. #6C00E5: 三分配色——紫色调与薄荷绿形成活泼且现代的三色组合,常用于大胆品牌视觉与限量版包装(三角和谐)。.
    极光薄荷如何影响情绪?
    清新而自信的现代活力 主要引发的情绪是清爽的兴奋与可亲近的信任。 colorCode.seoFaqMoodTraits
    哪些行业使用极光薄荷?
    colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
    极光薄荷的历史是什么?
    这一带的明亮薄荷绿在历史上并没有单一固定的名称;早期艺术材料中接近的色调源自铜绿类颜料(如古典的绿锈/verdigris)和含铜的颜料,但那时色调更偏蓝或易变色。19 世纪出现的铬绿(viridian)和化学合成绿色为更稳定的绿色铺路;到了 20 世纪中叶,酞菁颜料与合成染料才让这类鲜亮青绿色成为可控的商业生产颜色。
    如何在设计中使用极光薄荷?
    记住对比与层次:用中性基底和深色对比来放大其清新效果,同时保留可读性。colorCode.seoFaqDesignDo
    极光薄荷是否具备无障碍访问性?
    colorCode.seoFaqAccessibilityAnswer符合 WCAG AA 标准,适用于普通和大字体。