🎨 Color Grab - Extract Palette from Images
Upload an image and click anywhere to sample its colors. Build a custom palette with RGB, HEX, HSL and CMYK codes. Export as JSON.
🖼️
Upload an Image
Drag & drop an image here or click to browse
How It Works
Color Grab works entirely in your browser using the HTML5 Canvas API. When you upload an image, it is drawn onto a canvas element. As you click on the image, the tool reads the exact pixel data at those X and Y coordinates to extract the RGB (Red, Green, Blue) values.
Color Formats Explained
- RGB (Red, Green, Blue): The standard model used by computer displays.
- HEX (#RRGGBB): Base-16 hexadecimal representation of RGB colors, standard for web development.
- HSL (Hue, Saturation, Lightness): A more human-friendly way to perceive color properties.
- CMYK (Cyan, Magenta, Yellow, Key/Black): The standard model used for print materials.