颜色转换器

HEX、RGB、HSL颜色格式互转,色板取色,实时预览颜色效果

热门 新上线 5 次使用 查询计算

「颜色转换器」已就绪

点击下方按钮立即开始使用,无需下载安装,操作简单、即开即用。

立即使用

使用说明

免费颜色转换器,支持 HEX、RGB、HSL 三种主流颜色格式之间的实时互转,附带色板取色与颜色预览面板,输入任意格式的颜色值即可同步显示其余两种格式及对应的颜色预览、亮度对比,是设计师、前端开发者的日常调色工具。

使用方法

  • 在输入框中输入 HEX(如 #42b983)、RGB(如 rgb(66,185,131))或 HSL(如 hsl(150,48%,49%));
  • 三种格式结果实时同步显示,颜色预览与十六进制色板同步更新;
  • 可点击预览区域打开系统取色器直接取色;
  • 结果支持一键复制,方便粘贴到代码或设计稿。

注意事项

  • HEX 支持 3 位缩写与 8 位(含透明度)写法;
  • RGB 支持 0-255 数值与百分比写法;
  • 无效颜色值会自动忽略并提示,输入合法后立即恢复。

常见问题

颜色格式怎么互转?支持哪些格式?

支持 HEX、RGB、HSL 三种格式实时互转。例如输入 #42b983 会同步显示 rgb(66,185,131) 和 hsl(150,48%,49%),方便在代码、设计稿、图片软件之间复制使用。

支持透明度的颜色吗?

支持。HEX 支持 8 位写法(如 #42b98380 表示带透明度的颜色),RGB 支持带 alpha 的写法,透明度信息会在三种格式间同步换算。

能取屏幕上的颜色吗?

支持。点击颜色预览区域可打开浏览器系统取色器,直接拾取屏幕上任意位置的颜色,取到的颜色自动填入并完成三种格式转换。

这个工具免费吗?需要下载安装吗?

完全免费,无需下载安装、无需注册。打开网页即可使用,纯浏览器本地计算,手机电脑通用,是设计师、前端开发者日常调色的便捷小工具。