Color Picker & Converter

Pick any color and instantly convert it to HEX, RGB, RGBA, HSL, HSLA, and HSV. Copy values with one click.

Color Formats

HEX #2563EB
RGB rgb(37, 99, 235)
RGBA rgba(37, 99, 235, 1)
HSL hsl(221, 83%, 53%)
HSLA hsla(221, 83%, 53%, 1)
HSV hsv(221, 84%, 92%)

Complementary Color

Complementary (180° hue rotation)

Color History

How to Use

1

Pick a Color

Click the color picker to open the browser's native color chooser, or type any valid 6-digit hex value into the Hex Value field.

2

View All Converted Formats

All color format values — HEX, RGB, RGBA, HSL, HSLA, and HSV — update instantly as you change the color.

3

Copy Any Format

Click the Copy button next to any format row to copy that value to your clipboard, ready to paste into your code or design tool.

4

Revisit History Colors

Your last 10 picked colors appear as swatches in the Color History section. Click any swatch to instantly restore that color.

Frequently Asked Questions

This tool converts any picked color to six formats: HEX (e.g. #FF5733), RGB, RGBA, HSL, HSLA, and HSV. All formats are displayed simultaneously and can be copied individually.

HSL stands for Hue, Saturation, and Lightness. Hue is the color angle on the color wheel (0–360°), Saturation controls how vivid the color is (0–100%), and Lightness controls how light or dark the color is (0–100%). HSL is often preferred by designers because it is more intuitive than RGB.

A complementary color is the color directly opposite on the color wheel, calculated by rotating the hue by 180 degrees. Complementary color pairs create high contrast and are widely used in design to make elements stand out against each other.

Yes. Type any 6-digit hex color code (with or without the # prefix) into the Hex Value field. The tool will instantly update the color picker and all format values as you type a valid 6-character hex code.

Currently the tool works with standard 6-digit hex codes (#RRGGBB). Alpha transparency is shown in the RGBA and HSLA output formats as a fixed value of 1 (fully opaque), since the native color picker does not expose an alpha channel. Support for 8-digit hex input may be added in a future update.