Tool StudioHEX, RGB, and HSL conversion, plus instant palettes
Palette
Enter a color in HEX or RGB and get every format instantly, then generate a palette — shades, complementary, analogous, or triadic — built from that base color.
Enter a color
Type a HEX code or RGB values.
See every format
HEX, RGB, and HSL update together.
Generate a palette
Pick a palette type and copy any swatch.
What's the difference between the palette types?
Shades vary lightness of the same hue; complementary uses the opposite hue on the color wheel; analogous uses nearby hues; triadic uses three evenly-spaced hues — different strategies for building a coordinated color scheme.
Can I convert from HSL too?
HSL is shown as live output from your HEX/RGB input — enter either of those and HSL updates automatically.
Convert SVG markup or files to PNG images at any scale, from 1x up to 8x for crisp high-resolution output. All rendering happens in your browser using canvas — nothing is uploaded.
Pick any color from your screen, an uploaded image, or a swatch, and get instant HEX, RGB, and HSL values. Uses the browser's native EyeDropper API where available. All processing happens in your browser.
Resize images to exact pixel dimensions or by percentage, with an aspect-ratio lock. Convert to PNG or JPEG. Preview before/after size and dimensions. All processing happens in your browser — images never leave your device.
Generate every standard favicon size from one image — 16×16 up to 512×512, plus Apple touch icon and Android/PWA sizes — along with a ready-to-use web manifest. All processing happens in your browser.