Pixel’N’Code™

Creative utility

Color Lab

Pick exact colors from uploaded images, image URLs, or anywhere on your screen with the browser eyedropper. Hover over an image with the built-in magnifier, click to sample a color, automatically extract a full color palette, and copy clean HEX, RGB, HSL, or CSS values. Explore complementary, soft, bold, glow, and dark matching color palettes, save recent selections, and export complete palettes for websites, SVG graphics, branding, digital art, and other creative projects.

Draw SVG
PNG → SVG PNG
Minify SVG </> SMALLER

Want to use your selected colors while creating SVG graphics?

Open SVG Studio
Free to Use • Browser Based • Local Image Picking

Color Lab + Palette Picker

Upload an image, hover or click to grab exact colors, extract a palette, copy HEX/RGB/HSL codes, and generate matching color sets for buttons, cards, backgrounds, borders, and glows.

✦

Hover + Click Picker

Move over the image to preview a color. Click to lock it into the selected color box.

Upload an image to start picking colors.
Hover Color ----
Palette ActionsExtract, copy, eyedropper
Extracted From ImageClick any color to select it
Matching PalettesMain, soft, bold, glow, and dark UI sets

Main Colors

Soft Match

Bold Match

Glow Colors

Dark UI Colors

Copy / ExportCSS variables, palette text, JSON, and recents
Recent Colors
01

Add an Image or Color

Upload an image, paste an image URL, enter a HEX value, or open the browser eyedropper to begin.

02

Pick Exact Colors

Hover for a magnified view, zoom the image when needed, and click any pixel to capture its exact color.

03

Build Matching Palettes

Extract colors from the image and explore complementary, soft, bold, glow, and dark palette suggestions.

04

Copy, Save & Export

Copy HEX, RGB, HSL, CSS variables, palette text, or JSON, and reuse recent colors in future designs.