The color lab for designers and developers
Convert colors, generate CSS, and check accessibility without leaving the page. HueKit is fast, 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.
Hex to RGB
Convert any hex code to RGB, HSL, HSV and CMYK with a live swatch.
ConvertColor Converter
Move between hex, RGB, HSL, HSV and CMYK, plus instant harmonies.
GenerateBox Shadow
Stack multiple shadow layers and copy production-ready CSS.
GenerateGradient
Build linear and radial gradients with as many stops as you like.
GenerateGlassmorphism
Design frosted glass cards with live blur, opacity and border.
AccessibilityContrast Checker
Test any text and background pair against WCAG AA and AAA.
ExtractPalette from Image
Pull a color palette out of any image, right in your browser.
ExploreColor Library
Browse 150 named colors with conversions, shades and pairings.
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 never leave your device. There is no account, no analytics, and nothing to opt out of.
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 have a hex code and need RGB for a canvas call. You want a soft, layered shadow without hand tuning six numbers. You need to know whether your body text passes contrast before you ship. Each of those is a thirty second task, and each one usually means opening a cluttered site full of ads. HueKit collects those jobs into one clean lab.
The flagship is the hex to RGB converter, the single most common conversion in front end work. From there the full converter opens up HSL, HSV and CMYK, and generates harmonies you can drop into a palette. 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 150 named colors, each with a full breakdown and suggested pairings.