Color Picker & Color Tools
Pick, convert, and test colors — HEX, RGB, and HSL side by side, gradients, WCAG contrast, harmony palettes, and shade libraries with one-click copy.
Color tools
- 🔁HEX to RGB
Convert HEX color codes to RGB and back instantly, with HSL included and a live preview.
- 🌈Gradient Generator
pick two colors and an angle, preview live, and copy the CSS in one click.
- ♿Contrast Checker
Check text and background color contrast against WCAG accessibility standards.
- 🎛️Palette Generator
complementary, analogous, triadic, tetradic, split-complementary, and monochrome — click any swatch to copy its hex.
🎨 Shade libraries
- 🎨Shades of Blue
26 named & scaled tones with one-click hex copy.
- 🎨Shades of Red
26 named & scaled tones with one-click hex copy.
- 🎨Shades of Green
26 named & scaled tones with one-click hex copy.
- 🎨Shades of Purple
26 named & scaled tones with one-click hex copy.
- 🎨Shades of Pink
26 named & scaled tones with one-click hex copy.
- 🎨Shades of Orange
26 named & scaled tones with one-click hex copy.
- 🎨Shades of Yellow
26 named & scaled tones with one-click hex copy.
- 🎨Shades of Gray (and Black)
28 named & scaled tones with one-click hex copy.
One tab for all your color work
HueNest keeps the everyday color tasks in one place: grab a value in any format from the picker above, translate between HEX, RGB, and HSL, build a gradient you can paste straight into CSS, verify text passes WCAG contrast before a designer or auditor flags it, and spin harmony palettes from any starting color. The shade libraries collect the named colors people actually search for — navy, terracotta, sage, millennial pink — each a click from your clipboard.
Everything computes in your browser: no uploads, no accounts, and the pages work offline once loaded.