[{"data":1,"prerenderedAt":142},["ShallowReactive",2],{"tool-content-en-image-color-extractor":3},{"id":4,"title":5,"body":6,"description":132,"extension":133,"locale":134,"meta":135,"navigation":136,"path":137,"seo":138,"stem":139,"toolId":140,"__hash__":141},"tools\u002Ftools\u002Fen\u002Fimage-color-extractor.md","Color Extractor - Eyedropper and Palette Export",{"type":7,"value":8,"toc":123},"minimark",[9,14,18,41,45,48,52,55,59,90,94,120],[10,11,13],"h2",{"id":12},"what-does-this-color-extractor-and-picker-do","What does this color extractor and picker do?",[15,16,17],"p",{},"This tool turns a picture into both an eyedropper and a palette generator. Drop in a JPEG, PNG, WebP, GIF, BMP, or AVIF image and:",[19,20,21,29,35],"ul",{},[22,23,24,28],"li",{},[25,26,27],"strong",{},"Pick colors with a magnifier"," — move the mouse over the image and a lens follows the cursor, showing a zoomed-in view with a crosshair on the exact pixel. Click to add that color to your palette.",[22,30,31,34],{},[25,32,33],{},"Extract the dominant palette"," — choose Dominant, 5, 10, or 20 colors and the tool returns a balanced palette with HEX, RGB, HSL, and HSV values plus how much of the image each color covers.",[22,36,37,40],{},[25,38,39],{},"Build your own palette"," — both manual picks and extracted colors feed one shared palette you can copy and export.",[10,42,44],{"id":43},"picking-colors-with-the-magnifier","Picking colors with the magnifier",[15,46,47],{},"The magnifier draws the pixels around your cursor at a configurable zoom (4× to 16×) so you can target a single pixel even in detailed images. The center of the lens is the color you will pick. Sampling averages a small neighborhood, which keeps the result steady when a source image is noisy.",[10,49,51],{"id":50},"how-palette-extraction-works","How palette extraction works",[15,53,54],{},"The tool downscales the image to a small preview, then runs median-cut quantization: it repeatedly splits the pixels along the channel with the widest range until the requested number of color groups remains, and averages each group into one swatch. This produces representative, evenly distributed palettes rather than a single average color.",[10,56,58],{"id":57},"copy-and-export","Copy and export",[19,60,61,64,67],{},[22,62,63],{},"Click any swatch to copy its HEX value; every picked color also shows one-click copy for RGB and HSL.",[22,65,66],{},"\"Copy all\" copies every HEX, RGB, or HSL value as a list for the whole palette.",[22,68,69,70,73,74,77,78,81,82,85,86,89],{},"Export the palette as an Adobe Swatch Exchange ",[25,71,72],{},"ASE"," file (for Photoshop and Illustrator), a ",[25,75,76],{},"JSON"," file, a ",[25,79,80],{},"CSS"," file of variables, a GIMP ",[25,83,84],{},".gpl"," palette (for GIMP and Inkscape), or a rendered ",[25,87,88],{},"PNG"," strip of swatches.",[10,91,93],{"id":92},"which-mode-should-you-pick","Which mode should you pick?",[19,95,96,102,108,114],{},[22,97,98,101],{},[25,99,100],{},"Dominant",": a single representative main color for the whole image.",[22,103,104,107],{},[25,105,106],{},"5 colors",": a compact palette good for UI themes and branding.",[22,109,110,113],{},[25,111,112],{},"10 colors",": a richer palette for detailed illustrations and mood boards.",[22,115,116,119],{},[25,117,118],{},"20 colors",": the fullest palette for photography and complex artwork.",[15,121,122],{},"All processing happens locally. No image is uploaded or stored.",{"title":124,"searchDepth":125,"depth":125,"links":126},"",2,[127,128,129,130,131],{"id":12,"depth":125,"text":13},{"id":43,"depth":125,"text":44},{"id":50,"depth":125,"text":51},{"id":57,"depth":125,"text":58},{"id":92,"depth":125,"text":93},"Free online color picker and palette extractor. Sample exact colors from any image with a magnifier, copy HEX, RGB, and HSL, export ASE, JSON, or CSS.","md","en",{},true,"\u002Ftools\u002Fen\u002Fimage-color-extractor",{"title":5,"description":132},"tools\u002Fen\u002Fimage-color-extractor","image-color-extractor","YYL0aO3k4aiQaXWGzzAfDf-jG42h96dzqlkzmwJjfj0",1792391418110]