颜色转换工具
粘贴任意常见格式的颜色,即可看到 HEX、RGB、HSL 和 HSV 值,并生成更亮和更暗的色阶用于配色。
免费 本地运行 无需注册
HEX
#7f52ffRGB
rgb(127, 82, 255)HSL
hsl(256, 100%, 66%)HSV
hsv(256, 68%, 100%)明暗色阶
颜色转换在浏览器本地完成。
使用方法
1
输入颜色
使用取色器,或粘贴 HEX、RGB、HSL 值。
2
查看所有格式
工具会同时显示 HEX、RGB、HSL 和 HSV。
3
复制数值
复制 CSS 或设计工具需要的格式。
为什么用它
四种颜色模型
HEX、RGB、HSL 和 HSV 实时同步。
明暗色阶
快速预览更亮和更暗的变体,方便配色。
本地即时
不上传、不需要账号、不依赖外部库。
常见问题
HSL 和 HSV 有什么区别?
HSL 使用亮度(Lightness),HSV 使用明度(Value)。CSS 更常用 HSL,设计取色器更常用 HSV。
支持透明度吗?
转换器主要处理纯色。解析 rgba 或 hsla 时会忽略透明度。
可以粘贴 CSS 颜色吗?
可以。支持十六进制、rgb() 和 hsl() 字符串。
为什么数值有细微差异?
显示时会四舍五入,底层转换使用完整精度。
有对比度检测吗?
有。对比度检测工具使用同一套颜色引擎计算 WCAG 比值。
相关工具
颜色与设计 对比度检测工具 检测文字颜色与背景颜色的对比度,判断是否满足 WCAG AA 和 AAA 的普通文本与大文本标准,并实时预览效果。 图片工具 图片格式转换工具 在线把 PNG、JPG、WebP 图片互相转换。可选择输出格式和质量,在支持时保留透明通道,转换完成后立即下载,图片不会上传。 日常工具 二维码生成器 在线把链接或文本生成二维码,支持调整尺寸、边距、颜色和容错级别,并可下载 PNG 或 SVG。所有生成都在浏览器本地完成,无水印、无需注册。 开发者工具 Base64 编码解码工具 在浏览器本地进行 Base64 编码与解码,完整支持 UTF-8 中文、emoji 和 URL 安全变体。免费、不上传、无需注册。 文本工具 大小写转换工具 在线转换大写、小写、标题格式、句首大写,以及 camelCase、PascalCase、snake_case、kebab-case 等编程命名格式。 文本工具 文本对比工具 在线比较两段文本,按行、单词或字符高亮新增、删除和未变化的内容。所有对比都在浏览器本地完成,不上传文本。
最后更新: