hueshift.net
See color. Shift it. Copy it.
Six color tools for designers and developers, all running entirely in this tab. Pick, convert, build gradients and palettes, check contrast, and pull colors out of an image — nothing you touch here ever leaves your browser.
All tools
Color Picker
Pick a color, read every format at once.
Color Converter
Type in any format, watch the other two follow.
Gradient Generator
Stack stops, set the angle, copy the CSS.
Palette Generator
One base color, a full working scheme.
Contrast Checker
Know if your text actually passes, before you ship it.
Image Color Extractor
Upload a photo, walk away with its palette.
Color Picker
← All toolsDrag the sliders or open the native color picker to land on a color, and hueshift shows you the HEX, RGB, HSL and ready-to-paste CSS for it at the same time. Everything updates as you move — there's no separate “convert” step.
Color Converter
← All toolsType a color into the HEX, RGB or HSL field and the other two rewrite themselves immediately — useful when a designer hands you a HEX and your CSS variables want HSL, or the other way around.
Couldn't parse that value — check the format and try again.
Gradient Generator
← All toolsAdd as many color stops as you like, set each one's position, pick an angle or switch to radial, and hueshift writes the exact background CSS for you — ready to paste into a stylesheet.
Palette Generator
← All toolsPick a base color and hueshift builds a full scheme around it using classic color-wheel relationships — complementary, analogous or triadic — so you leave with more than one color to work with.
Contrast Checker
← All toolsSet a text color and a background color and hueshift computes the exact WCAG contrast ratio, then checks it against all four pass thresholds — AA and AAA, at normal and large text sizes.
Image Color Extractor
← All toolsDrop in a photo — a product shot, a screenshot, a piece of art — and hueshift samples its pixels on a canvas element to find its most common colors. No upload required.
Drop an image here or click to choose one
Your image is processed entirely in this browser tab — it is never uploaded anywhere.