Color Converter (HEX, RGB, HSL, HSV)

Convert colors between HEX, RGB, HSL, and HSV with live palette preview and visual color picker.

Your tool input is processed locally in your browser and is not sent to our servers.

Color Format Converter & Palette Tool

Enter Color (HEX, RGB, or HSL)

Popular Swatches:

#026FC7

HEX

#026FC7

RGB (CSS)

rgb(2, 111, 199)

HSL (CSS)

hsl(207, 98%, 39%)

HSV / HSB

hsv(207, 99%, 78%)

What this tool does

Converts color representations across HEX (#RRGGBB), RGB (Red, Green, Blue), HSL (Hue, Saturation, Lightness), and HSV (Hue, Saturation, Value) with instant bidirectional conversion and contrast checking.

How to use this tool

Enter a color in HEX, RGB, or HSL format, or select a color using the visual color picker.
View the real-time color swatch preview.
Copy the converted color code in your required format.

Color Conversion Formulas

Luminance = 0.299R + 0.587G + 0.114B | HSL Lightness = (max + min) / 2

Calculates exact trigonometric and linear RGB/HSL mappings according to standard sRGB color space specifications.

Practical Examples

Brand Blue Conversion

Convert brand hex code #026FC7 to RGB and HSL.

Input: #026FC7

Output: rgb(2, 111, 199) | hsl(207, 98%, 39%) | hsv(207, 99%, 78%)

Frequently Asked Questions

Related Tools

Favicon Generator & HTML Snippet Maker

Generate all standard website favicon sizes, Apple touch icons, and HTML meta tags from any image.

Client-Side Image Resizer

Resize PNG, JPEG, and WebP images directly in your browser with aspect ratio locking and quality control.

Client-Side Image Compressor

Compress JPEG, PNG, and WebP images locally in your browser to reduce file sizes without server uploads.

Advanced QR Code Generator

Generate custom QR codes for URLs, text, Wi-Fi, email, phone, SMS, and contacts with SVG & PNG download.