Color Converter

Convert between HEX, RGB, and HSL color formats.

HEX

RGB

HSL

HEX: #3b82f6

RGB: 59, 130, 246

HSL: 217, 91%, 60%

What is Color Converter?

Color values can be represented in multiple formats. This tool lets you paste HEX, RGB, or HSL and see the equivalent values instantly.

Example usage

HEX: #3b82f6
RGB: 59, 130, 246
HSL: 217, 91%, 60%

How to use

1. Enter a value in any field (HEX, RGB, or HSL).

2. The converter derives the other formats.

3. Use the preview swatch to confirm the color visually.

Related Tools

HEX to RGB

Convert HEX colors to RGB.

Open Tool

RGB to HEX

Convert RGB colors to HEX.

Open Tool

Color Picker

Pick a color and copy values in multiple formats.

Open Tool

Gradient Generator

Generate CSS gradients and preview them.

Open Tool

CSS Shadow Generator

Generate CSS box-shadow values with preview.

Open Tool

JSON Formatter

Format, validate, and beautify JSON with syntax highlighting.

Open Tool

Popular Tools

JSON Formatter

Format, validate, and beautify JSON with syntax highlighting.

Open Tool

Regex Tester

Test regular expressions and highlight matches.

Open Tool

Base64 Encoder

Encode text to Base64.

Open Tool

UUID Generator

Generate UUID v4 identifiers.

Open Tool

JWT Decoder

Decode and inspect JWT header and payload.

Open Tool