DevToolBox免费
博客
Ad Space

颜色转换器

在 HEX、RGB 和 HSL 格式之间转换颜色，并实时预览。

输入颜色值并点击转换

关于颜色格式

HEX 颜色使用十六进制表示（#RRGGBB）。RGB 使用红、绿、蓝三个通道（0-255）。HSL 使用色相（0-360°）、饱和度（0-100%）和亮度（0-100%）。每种格式在网页设计、CSS 和平面设计中各有用途。

Ad Space

更多工具

{ }JSON 格式化B64Base64 编码/解码%20URL 编码/解码#哈希生成器

使用方法

  1. Enter a color value in any format (HEX, RGB, or HSL)
  2. All other formats update automatically in real-time
  3. Use the color picker for visual selection
  4. Copy any color format with the copy button

使用场景

  • Converting design specs between formats
  • Finding HEX values for CSS styling
  • Adjusting colors with HSL for hue/saturation tweaks
  • Matching brand colors across tools

常见问题

Ad Space