颜色转换
HEX
#802262
HEX#802262
HSL319, 58, 32
RGB128, 34, 98
XYZ12, 7, 12
CMYK0, 73, 23, 50
LUV31,57,-23
LAB31, 46, -16
HWB319, 13, 50
变化
本节的目的是准确生成你所选颜色的色调(添加纯白)和阴影(添加纯黑),以10%的增量进行。
专业提示: 使用阴影用于悬停状态和阴影,使用色调用于高光和背景。
阴影
通过在基础颜色中添加黑色创建的较暗变化。
色调
通过在基础颜色中添加白色创建的较亮变化。
常见用例
- • UI组件状态(悬停、激活、禁用)
- • 使用阴影和高光创建深度
- • 构建一致的颜色系统
设计系统提示
这些变化构成了一个连贯的调色板的基础。导出它们以在整个项目中保持一致性。
颜色组合
每种和谐都有其独特的氛围。使用和谐来集思广益,找到搭配良好的颜色组合。
如何使用
点击任意颜色以复制其Hex值。这些组合在数学上被证明可以创造视觉和谐。
为什么重要
颜色和谐在设计中创造平衡并唤起特定情感。
互补色
一种颜色及其在色轮上的对立面,色相相差180度。高对比度。
#802262
#802262
最佳用途: 高影响力设计、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
技术格式
实用格式
颜色分析
色盲模拟器
创意方面
常见问题
- #802262 是什么颜色?
- #802262 是 夜宴梅影 – 这是一种深沉的梅子紫,带有微冷的蓝调和柔和的暗红底,视觉上像是在暗光里发光的绒面织物。它唤起沉稳而感性的氛围,既神秘又有一种内敛的奢华感。
- 夜宴梅影 象征着什么?
- 成熟与感性(适合成熟女性品牌), 隐秘与私享(适合奢华私密产品), 高贵但不张扬的权威, 创作力与艺术性的暗示, 夜晚、宴会与仪式感. 在西方,深梅紫常联想到贵族、礼仪和宗教服饰的庄重;在东亚,则更容易与梅花、文人墨客的雅致以及传统织物的深色染料联系。中东与南亚文化中,接近的深紫也常与权威和礼仪色彩相连,但在某些地区更倾向于节庆或婚礼用色。
- 在设计中,夜宴梅影 被用在哪些地方?
- 在空间和视觉上,这种深梅紫会使环境显得更私密、更集中,降低周围色彩的视觉噪音。它能把注意力吸引到中心元素,同时因其蓝调基底带来冷静与克制的优雅。
- 哪些颜色与夜宴梅影搭配得好?
- colorCode.seoFaqPairingAnswer #2AAE5A: 互补方式:深梅紫的对立色为深苔绿色,形成强烈而优雅的视觉对比,适合突出重点元素。. #5A1A6A: 类似色和谐:更偏蓝紫的深色带来自然过渡,可用于影调和层次构建(analogous)。. #A02A66: 分裂互补/暖调过渡:偏红的梅粉色调在亮度上与夜宴梅影形成温暖过渡,增加亲和力且保持高级感。.
- 夜宴梅影如何影响情绪?
- 内敛而感性的精致厚重 主要引发沉静的欲望和被珍视的感受。 colorCode.seoFaqMoodTraits
- 哪些行业使用夜宴梅影?
- colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
- 夜宴梅影的历史是什么?
- 此类深梅紫系色在历史上源自天然染料和稀有矿物混合的试验:早期欧洲织物用鞘虫(cochineal)或植物色素得到接近的色调,而更偏蓝的紫系可追溯到古代的紫罗兰与紫貂染色。工业革命后,1856年威廉·珀金合成的紫色染料(mauveine)开启了合成紫色的大众化,让此类紫色更普及。
- 如何在设计中使用夜宴梅影?
- 始终把握对比:深梅紫要与足够明度的中性色或金属高光形成对比,才能既保留神秘又确保功能性。colorCode.seoFaqDesignDo
- 夜宴梅影是否具备无障碍访问性?
- colorCode.seoFaqAccessibilityAnswer符合 WCAG AA 标准,适用于普通和大字体。