🔄

HEX / RGB / HSL Converter

100% Client-Side

Bidirectional, synchronized three-way color converter for web designers with live visual feedback and ready-to-use CSS snippets.

HEX Format

RGB Format (0 - 255)

HSL Format (H: 0-360°, S: 0-100%, L: 0-100%)

Live Swatch Preview

How to Use HEX / RGB / HSL Converter

Edit Any Format

Type or paste a color code into the HEX, RGB, or HSL fields.

Observe Synchronization

The other two formats and color swatch recalculate instantly.

Copy CSS Snippets

Grab ready-to-paste CSS color declarations in any format.

✓ Three-Way Live Sync

Modifying HEX, RGB sliders, or HSL inputs updates all counterpart values seamlessly.

✓ Color Math Accuracy

Calculates true standard RGB gamut matrices and spherical HSL coordinates.

✓ CSS Ready

Provides standard rgb(r, g, b) and hsl(h, s%, l%) formats.

🔒 Complete Client-Side Isolation

This tool runs entirely in your local browser runtime. No logs, analytics tracking, or remote server transmissions occur.

Pick colors visually, inspect HEX, RGB, and HSL values, and check WCAG AA/AAA contrast ratios against light and dark backgrounds.

Generate beautiful harmonious color palettes, tints, shades, and complementary schemes from any base color with one-click hex copying.

Extract dominant color palettes and prominent hues from local images using HTML5 Canvas pixel quantization with zero uploads.