颜色转换工具

What Is Color Converter?

Color Converter is a free online tool that converts colors between HEX, RGB, and HSL formats instantly. Whether you are working on web design, CSS styling, or design systems, this tool lets you paste a color in any format and get all equivalent representations in one click — complete with a live color preview swatch.

How to Use Color Converter

1. Select your input format: HEX, RGB, or HSL.
2. Type or paste your color value into the input field.
3. All converted formats appear instantly below, with a live color preview.
4. Click Copy next to any format to copy it to clipboard.
5. Or click a preset swatch to load a common color.

Features

• Convert between HEX, RGB, and HSL
• Live color preview swatch
• Preset swatches for common colors
• Copy any format to clipboard individually
• Supports 3-digit HEX shorthand
• Runs entirely in your browser — zero data uploaded

FAQ

What color formats does this tool support?

The tool supports HEX (e.g. #3B82F6), RGB (e.g. rgb(59, 130, 246)), and HSL (e.g. hsl(217, 91%, 60%)).

Can I enter a 3-digit HEX code?

Yes. 3-digit HEX codes like #F00 are automatically expanded to their 6-digit equivalents (#FF0000).

Does the tool support alpha / transparency?

The current version supports opaque colors only (no alpha channel). RGBA and HSLA support may be added in a future update.