颜色转换
HEX
#00e59b
HEX#00e59b
HSL161, 100, 45
RGB0, 229, 155
XYZ34, 58, 40
CMYK100, 0, 32, 10
LUV81,-61,48
LAB81, -63, 23
HWB161, 0, 10
变化
本节的目的是准确生成你所选颜色的色调(添加纯白)和阴影(添加纯黑),以10%的增量进行。
专业提示: 使用阴影用于悬停状态和阴影,使用色调用于高光和背景。
阴影
通过在基础颜色中添加黑色创建的较暗变化。
色调
通过在基础颜色中添加白色创建的较亮变化。
常见用例
- • UI组件状态(悬停、激活、禁用)
- • 使用阴影和高光创建深度
- • 构建一致的颜色系统
设计系统提示
这些变化构成了一个连贯的调色板的基础。导出它们以在整个项目中保持一致性。
颜色组合
每种和谐都有其独特的氛围。使用和谐来集思广益,找到搭配良好的颜色组合。
如何使用
点击任意颜色以复制其Hex值。这些组合在数学上被证明可以创造视觉和谐。
为什么重要
颜色和谐在设计中创造平衡并唤起特定情感。
互补色
一种颜色及其在色轮上的对立面,色相相差180度。高对比度。
#00e59b
#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 标准,适用于普通和大字体。