🎨Color Code Converter

How to Use

1. 1

   Enter a color

   Type a HEX code (#fff, #ffffff), RGB value (rgb(255,0,0)), or pick a color with the color picker.

2. 2

   View conversions

   All formats (HEX, RGB, HSL, HSB) are calculated and displayed instantly.

3. 3

   Copy a value

   Click the copy button next to any format to copy it to your clipboard.

FAQ

What color formats does this tool support?

This tool supports HEX (3 or 6 digit), RGB, HSL, and HSB/HSV color formats. You can enter a color in any of these formats and it will be converted to all others.

What is the difference between HSL and HSB?

HSL (Hue, Saturation, Lightness) uses lightness where 50% is a pure color and 100% is white. HSB/HSV (Hue, Saturation, Brightness/Value) uses brightness where 100% is the pure color and 0% is black. Both share the same Hue scale.

Can I enter color names like 'red' or 'blue'?

Yes, standard CSS color names (red, blue, coral, etc.) are supported via the browser's color parsing engine.

Is alpha/transparency supported?

The current version handles opaque colors (no alpha channel). RGBA and HSLA support is planned for a future update.

How is HEX converted to RGB?

A 6-digit HEX color is split into three pairs of hexadecimal digits, each converted to a decimal number (0–255) representing the Red, Green, and Blue components.