🎨

颜色代码转换

HEX、RGB、HSL颜色格式互转

输入颜色值
常用颜色

支持的格式:
• HEX: #fff, #ffffff, ffffff
• RGB: rgb(255, 0, 0)
• HSL: hsl(0, 100%, 50%)

使用说明与技巧

功能介绍

颜色代码转换工具可以在HEX、RGB、RGBA、HSL、HSLA等多种颜色格式之间互相转换。

支持格式

  • HEX:#FF0000
  • RGB:rgb(255, 0, 0)
  • RGBA:rgba(255, 0, 0, 1)
  • HSL:hsl(0, 100%, 50%)
  • HSLA:hsla(0, 100%, 50%, 1)

操作步骤

  1. 输入任意格式的颜色代码
  2. 选择目标格式
  3. 获取转换结果
  4. 实时预览颜色效果

适用场景

  • 网页设计配色
  • UI设计颜色值转换
  • 设计稿颜色代码提取
💡 使用技巧

💡 使用技巧

  • 支持输入多种格式自动识别
  • 颜色预览帮助选择
  • 常用颜色预设