颜色转换
HEX
#3b318f
HEX#3b318f
HSL246, 49, 38
RGB59, 49, 143
XYZ8, 5, 27
CMYK59, 66, 0, 44
LUV27,4,-62
LAB27, 32, -51
HWB246, 19, 44
变化
本节的目的是准确生成你所选颜色的色调（添加纯白）和阴影（添加纯黑），以10%的增量进行。
专业提示： 使用阴影用于悬停状态和阴影，使用色调用于高光和背景。
阴影
通过在基础颜色中添加黑色创建的较暗变化。
色调
通过在基础颜色中添加白色创建的较亮变化。
常见用例
- • UI组件状态（悬停、激活、禁用）
- • 使用阴影和高光创建深度
- • 构建一致的颜色系统
设计系统提示
这些变化构成了一个连贯的调色板的基础。导出它们以在整个项目中保持一致性。
颜色组合
每种和谐都有其独特的氛围。使用和谐来集思广益，找到搭配良好的颜色组合。
如何使用
点击任意颜色以复制其Hex值。这些组合在数学上被证明可以创造视觉和谐。
为什么重要
颜色和谐在设计中创造平衡并唤起特定情感。
互补色
一种颜色及其在色轮上的对立面，色相相差180度。高对比度。
#3b318f
#3b318f
最佳用途: 高影响力设计、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
技术格式
实用格式
颜色分析
色盲模拟器
创意方面
常见问题
- #3B318F 是什么颜色？
- #3B318F 是 深邃梦境 – 这抹深邃的蓝调如同夜空中最隐秘的星辰，仿佛在低语着无尽的梦想与幻想，带来一种神秘而迷人的氛围。
- 深邃梦境 象征着什么？
- 深邃的智慧, 无尽的可能性, 情感的深度, 神秘的力量, 冷静的思考. 在许多文化中，深蓝色象征着智慧和深思，它常常与夜空、海洋相联系，代表着未知与探索的欲望。在某些文化中，它也被视为保护与安宁的象征。
- 在设计中，深邃梦境 被用在哪些地方？
- 这种颜色能够激发思考与反思，鼓励人们探索内心世界，带来宁静与安详的感觉。
- 深邃梦境如何影响情绪？
- 神秘而梦幻 colorCode.seoFaqMoodTraits
- 深邃梦境的历史是什么？
- 深邃梦境的色调源于古代的天然矿物颜料，早在古埃及和古希腊时期，人们就开始使用蓝色作为重要的艺术表现。在文艺复兴时期，这种深蓝色被广泛应用于宗教画作中，象征着神圣与超然。随着时间的推移，深蓝色逐渐演变成现代设计中的经典色彩，尤其在建筑和室内设计中，成为传达优雅与深思的首选。如今，深邃梦境不仅在艺术上具有重要性，还在现代科技与时尚界中占据了一席之地，成为许多人生活中不可缺少的色彩。
- 深邃梦境是否具备无障碍访问性？
- colorCode.seoFaqAccessibilityAnswer符合 WCAG AA 标准，适用于普通和大字体。