🎨 色值转换配色工具

HEX / RGB / HSL / HSV / CMYK / HWB 全格式互转 · 色轮配色 · 对比度检测 · 色盲模拟 · 渐变生成 —— 纯前端本地运行,数据不上传。

100% 本地运行 零依赖 · 可离线 v1.0.0

色值转换器

在任意格式输入框中输入或粘贴色值,其余格式实时联动转换;支持取色器直接拾取。

#1A6EFF

色轮配色方案

基于当前主色生成经典配色方案,点击色块复制色值,点击"设为主色"联动全站。

明度色阶

由主色向白、向黑各 9 级渐变,快速获得设计系统色板;点击复制。

→ 提亮(Tints)

→ 加深(Shades)

对比度检测(WCAG 2.1)

检测前景色与背景色的对比度比值及无障碍等级,网页/文档配色合规一键验证。

大字号文本 Aa 24px+ 常规正文文本 Aa 16px,安全从清晰的对比开始。 按钮 / 链接 / 表单元素
21.0
: 1

色盲视觉模拟

模拟红绿色盲、蓝黄色盲等视觉障碍下的颜色呈现,检验配色的可访问性。

CSS 渐变生成器

双色线性渐变实时预览,一键复制 CSS 代码;角度与色标均可调节。


            

随机调色板

随机生成 5 色调色板,锁定满意的颜色后继续刷新其余色;点击色块复制。