Skip to content
AlwaysReach

Build a palette

HEX to RGB Converter & Color Palette Generator

Palettes, conversions and a live UI preview

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

Something off, or a tool you wish existed? Send feedback.

Colour models

HEX and RGB describe the same sRGB triplet — this page is an RGB color converter, a HEX color converter, an HSV color converter and a HEX color picker. Changing any field updates the others: RGB to HSL, HSL to RGB, RGB to CMYK and CMYK to RGB. HSL and HSV rearrange the triplet 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. Split complementary uses the two hues adjacent to the opposite. Monochromatic keeps hue fixed and walks lightness. Together that is a color scheme generator and color harmony generator — complementary, analogous, triadic, split complementary, tetradic and monochromatic color generators from one base.

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 — including an HSV color converter, HSL to RGB and CMYK to RGB. 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 — a color scheme generator / color harmony generator from one base colour. Each swatch lists HEX, RGB and HSL with a copy button.

Can I convert RGB, HEX, HSL and CMYK?+

Yes. It is an RGB color converter, HEX color converter, HSV color converter and HEX color picker. Changing RGB, HEX, HSL, HSV or CMYK updates the others: RGB to HSL, HSL to RGB, RGB to CMYK and CMYK to RGB. CMYK is a screen approximation, not ICC print separation.

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 calculators and viewers on AlwaysReach.