HEX to RGB Converter & Color Palette Generator

Convert HEX to RGB, HSL, HSV and CMYK. Generate complementary, analogous and triadic palettes and preview them on a UI kit.

PickerHEX

RGBHSLHSV SHSV VK (CMYK)

UI preview

NavbarDocs · Pricing · Open

Card

Palette applied to a layout

Primary, secondary, background, text, input and CTA update with your harmony.

CTA

Ship the palette

Colour models

HEX and RGB describe the same sRGB triplet. HSL and HSV rearrange it into hue, then either lightness or value — handy for generating palettes by rotating hue. CMYK here is a simple screen approximation (not a print ICC profile).

Harmonies

Complementary colours sit 180° apart on the hue wheel. Analogous neighbours (±30°) feel quieter. Triadic (120°) and tetradic (90°) schemes are louder and need a dominant colour. Monochromatic keeps hue fixed and walks lightness.

Before shipping a UI palette, check body text against WCAG contrast. Dark text on a light card is the usual pass; pale grey on teal often fails AA.

Frequently asked questions

Which color models can I convert?+

HEX, RGB, HSL, HSV and CMYK. Changing any field updates the others. CMYK is a screen approximation (not ICC-managed print separation) suitable for design exploration.

What palette harmonies are generated?+

Complementary, analogous, triadic, split complementary, tetradic and monochromatic. Each swatch lists HEX, RGB and HSL with a copy button.

What is the UI preview for?+

It applies your palette to a miniature interface — navbar, page background, card, primary and secondary buttons, text, input and a call-to-action — so you can judge contrast and mood before using the colors in a real product.

Related tools

Other jobs people do after this one — not the same tool twice.

Design

Check contrast

Color Contrast Checker

WCAG AA and AAA for text, large text and UI

Utilities

Create a QR code

QR Code Generator

URL, text, email, phone, Wi-Fi and vCard

Utilities

Compress images

Image Compressor

Shrink JPG, PNG and WebP in the browser