色彩与设计全能工具

#6A5ACD

Slate Blue (石板蓝)

HEX 颜色代码 (Hexadecimal)：

R 106

G 90

B 205

经典预设：

🏷️ 多格式转换代码与色彩命名

英文色彩名称

Slate Blue

中文标准名称

石板蓝

中国传统色彩匹配

青冥 / 翠缥

HEX

#6A5ACD

RGB

rgb(106, 90, 205)

HSL

hsl(248°, 53%, 58%)

CMYK (印刷近似)

cmyk(48%, 56%, 0%, 20%)

⚡ Tailwind CSS 近邻类名匹配

基于视觉感知色差距离精准匹配官方 50-950 色阶

匹配结果： indigo-600

#4F46E5

相似度：98.2% · 色差 ΔE: 1.4

所属色系全阶梯色卡 (50 - 950)：

🏷️ 近似 Pantone 潘通色卡匹配

用于品牌 VI、包装与物理印刷色彩对标参考

您的原始色彩 (Source)

#6A5ACD

Slate Blue

近似潘通对标 (PMS)：

Pantone 2665 C

相似度：96.8% · Hex: #6C5295

其他近似候选潘通色号：

文字前景色 (Text Color)：

背景底色 (Background Color)：

The quick brown fox jumps over the lazy dog.

清晰的色彩对比度是保障所有用户（包括视力受损与弱光环境下用户）无障碍阅读数字界面的关键。

对比度比值 (Contrast Ratio)

4.84 : 1

通过 WCAG 2.1 AA 级标准

常规文本 (AA)

PASS (≥ 4.5:1)

常规文本 (AAA)

FAIL (≥ 7.0:1)

大号文本 (AA)

PASS (≥ 3.0:1)

UI控件与图标

PASS (≥ 3.0:1)

起始色 (Color 1)：

终止色 (Color 2)：

渐变类型：

角度 (Angle)： 135°

CSS 代码 (可直接粘贴使用)：

background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

精选潮流渐变方案：

色彩与设计全能工具

💡 常见问题解答 (FAQ)

Q: WCAG 2.1 AA 与 AAA 对比度标准有什么区别？

Q: Tailwind CSS 颜色映射是如何计算的？

Q: 为什么潘通（Pantone）色号会有近似色差？

Q: 设计方案和颜色数据会上传到后端吗？