返回工具箱

颜色转换

HEX、RGB、HSL 三格式实时同步转换，一键复制

#7C3AED
#
预设颜色

颜色值

Red
Green
Blue
Hue 色相
Saturation 饱和度
Lightness 亮度
CSS 片段
HEX#7C3AED
RGBrgb(124, 58, 237)
RGBArgba(124, 58, 237, 1)
HSLhsl(262, 81%, 58%)
色彩信息
相对亮度
0.134
是否暗色
否
互补色
#ABEB3D
灰度
98

工具介绍

在线颜色转换工具，支持 HEX、RGB、HSL 三种颜色格式的互相转换。提供颜色预览和调色板，适用于前端开发、UI 设计等场景。

使用说明

  1. 1在任意输入框中输入颜色值（如 #FF5733、rgb(255,87,51)、hsl(11,100%,60%)）。
  2. 2其他格式的颜色值实时同步更新。
  3. 3左侧显示颜色预览方块，方便目视确认。
  4. 4点击任意结果可复制。

相关工具

JSON 格式化Base64 编码解码URL 编码解码Hash 计算JWT 解码进制转换