颜色转换与调色板

专业的前端颜色转换与调色板生成工具。支持 HEX、RGB、HSL 等格式互转,智能匹配 Tailwind CSS 颜色,支持 WCAG 无障碍对比度检测,一键生成类比色、互补色和单色系色阶调色板。纯本地运算,极速体验。

颜色格式转换
HEX#3b82f6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
Tailwind CSS 匹配
blue-500
色差: 0.0
无障碍对比度 (WCAG)
White Text3.67Fail
Black Text5.70AA Pass
UI 预览卡片

示例标题

这是一段示例文本,用于检查在当前背景色下的可读性。确保对比度符合 WCAG 标准对用户体验至关重要。

智能调色板

单色系 (Monochromatic)

#dfe4fe
#9ab2fb
#3b82f6
#2d4d8c
#171d2f

类比色 (Analogous)

#3be0f6
#3b83f6
#513bf6

互补色 (Complementary)

#3b83f6
#f6ae3b

常见问题 (FAQ)