Color palette generator and color tools
Press / to jump here, Esc to clear
Press Space for a new palette, lock the colors you want to keep and see WCAG contrast for every pair. Then convert, check and export without leaving the page. HueKit is free and runs entirely in your browser. Nothing you type is ever uploaded.
Everything you reach for, in one place
A tight set of color and CSS tools that do one thing each, and do it well.
Palette Generator
Press Space for a new OKLCH palette, lock what you like, fix contrast and export to CSS or Tailwind.
ExtractPalette from Image
Pull the dominant colors out of any image, right in your browser.
AccessibilityContrast Checker
Test text and background, semi-transparent text included, against WCAG 2.2 AA and AAA.
ConvertHex to RGB
Convert any hex code to RGB, HSL, HSV and CMYK with a live swatch.
ConvertRGB to Hex
Turn an rgb() value or three channel numbers into a hex code you can paste.
ConvertColor Converter
Hex, RGB, HSL, HSV, CMYK, LAB, LCH and OKLCH side by side, plus shades and harmonies.
GenerateGradient
Build linear and radial gradients with as many stops as you like.
GenerateBox Shadow
Stack multiple shadow layers and copy production-ready CSS.
GenerateGlassmorphism
Design frosted glass cards with live blur, opacity and border.
ExploreColor Library
Browse 254 named colors with conversions, shades and pairings.
ReferenceContrast Matrix
Contrast ratios for every pair of library colors, filtered by WCAG level.
ConvertAll Converters
All 16 conversions between hex, RGB, HSL, HSV, CMYK and OKLCH on one page.
Built for speed
Every tool runs client side, so results appear the instant you type. No round trips, no spinners, no waiting.
Private by design
Your colors and images are processed in your browser and never leave your device. There is no account and nothing to sign up for.
Copy ready output
Every value and every snippet has a copy button, formatted the way you would paste it straight into CSS.
A color toolkit that stays out of your way
HueKit started from a simple frustration: the small color jobs that interrupt real work. You need five colors that belong together and still pass contrast. You have a hex code and need RGB for a canvas call. You want a soft, layered shadow without hand tuning six numbers. Each of those is a thirty second task, and each one usually means hunting down yet another slow, cluttered single-purpose site. HueKit collects those jobs into one fast, focused lab.
The flagship is the color palette generator. It builds palettes in OKLCH, so equal steps in lightness look equal, lets you lock the colors you want to keep, and shows the WCAG contrast of every pair with a one-click fix for pairs that fall short. The rules behind it are written out on the methodology page. Have a photo instead? The palette from image tool pulls the colors out of it on your device.
For single values, the hex to RGB converter and its reverse, RGB to hex, cover the most common conversions in front end work, and the full converter opens up HSL, HSV, CMYK and OKLCH. On the CSS side, the box shadow generator, gradient generator and glassmorphism generator all produce copy ready code with a live preview.
Accessibility is a first class citizen here, not an afterthought. The contrast checker grades any text and background pair against the WCAG AA and AAA thresholds, so you can catch a failing combination before it reaches a user. And when you need inspiration, the color library gives you 254 named colors, each with a full breakdown and suggested pairings.