颜色值转换工具

支持 RGB、RGBA、HEX、HSL 等多种颜色格式互转，提供标准颜色对照表

颜色值
输入示例(大小写不敏感): #707B7C #AAF7DC6F rgb(72,201,176) rgba(241,148,138,0.5) hsl(204,70%,63%)
预览 格式 转换结果
CSS颜色表
HTML 和 CSS 颜色规范中定义了 147 种颜色名（17 种标准颜色加 130 种其他颜色）。下面的表格中列出了所有这些颜色，以及它们的十六进制值。
17 种标准色是 aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, yellow。

关于颜色转换工具

颜色转换工具支持RGB、RGBA、HEX、HSL等多种颜色格式之间的相互转换。在Web开发和设计工作中，不同的场景需要使用不同的颜色表示方式：HEX格式简洁常用于CSS，RGB格式直观易于理解，RGBA支持透明度控制，HSL则更符合人类对颜色的感知。本工具可以快速完成各种格式之间的转换，并提供实时预览和CSS标准色对照表，帮助开发者和设计师快速找到合适的颜色值。所有转换计算在浏览器本地完成，响应迅速且保护隐私。

使用说明

  1. 在"颜色值"输入框中输入任意格式的颜色代码
  2. 支持的格式包括：#6c928c、#AAF7DC6F、rgb(72,201,176)、rgba(241,148,138,0.5)、hsl(204,70%,63%)
  3. 点击"转换"按钮或直接粘贴后自动转换
  4. 转换结果会显示该颜色的所有格式表示
  5. 预览区域会实时显示颜色效果
  6. 可以点击示例颜色快速填充输入框
  7. 页面下方提供完整的CSS标准色对照表供参考

应用场景

  • 前端开发中的CSS颜色值转换
  • 设计稿颜色值的格式转换
  • 品牌色在不同格式下的统一管理
  • 透明度颜色的RGBA和HEX互转
  • HSL颜色调整和转换
  • 快速查找CSS标准色名称和代码
  • UI设计中的颜色方案制定

颜色格式说明

  • HEX格式：6位十六进制数表示RGB，如#FF5733，8位表示RGBA
  • RGB格式：rgb(红, 绿, 蓝)，每个值范围0-255
  • RGBA格式：rgba(红, 绿, 蓝, 透明度)，透明度范围0-1
  • HSL格式：hsl(色相, 饱和度%, 亮度%)，色相0-360度
  • 输入时大小写不敏感，支持带或不带#号的HEX格式
  • 工具会自动识别输入格式并转换为所有支持的格式