What color formats are supported?

This tool supports HEX (e.g., #FF5733), RGB (e.g., rgb(255,87,51)), and HSL (e.g., hsl(11,100%,60%)) formats.

What's the difference between HEX, RGB, and HSL?

HEX uses hexadecimal notation. RGB defines colors by red, green, blue values (0-255). HSL uses hue (0-360), saturation, and lightness percentages.

Can I use the color picker?

Yes. Use the built-in color picker to visually select a color, and all format values will update automatically.

Color Converter

Convert colors between HEX, RGB, and HSL formats with live preview.

HEX

RGB

HSL

Color Picker

Enter a color value and click Convert

About Color Formats

HEX colors use hexadecimal notation (#RRGGBB). RGB uses red, green, and blue channels (0-255). HSL uses hue (0-360°), saturation (0-100%), and lightness (0-100%). Each format has its use cases in web design, CSS, and graphic design.

More Tools

{ }JSON Formatter B64Base64 Encoder/Decoder %20URL Encoder/Decoder #Hash Generator

How to Use

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

Common Use Cases

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

Color Converter

About Color Formats

More Tools

How to Use

Common Use Cases

Frequently Asked Questions