Our tool loads the image into an HTML5 Canvas, then applies intelligent sampling algorithms to extract the most representative or surprising colors. Depending on the mode selected, it uses random sampling, grid-based sampling, or frequency analysis to build a harmonious palette. All processing happens right in your browser — no images are uploaded to any server.

Surprise Me! is our signature feature — it randomly selects a beautiful image from our curated collection, picks a random extraction algorithm (random, grid, or frequency-based), and chooses a random number of colors (between 3 and 7). The result is a completely unexpected, unique palette every time. It's perfect for creative inspiration when you're feeling stuck!

Browsers enforce a security policy called CORS (Cross-Origin Resource Sharing) that prevents canvas elements from reading pixel data from images hosted on servers that don't explicitly allow it. If the image server doesn't return the Access-Control-Allow-Origin header, we can't extract colors from that image. To solve this, you can: (1) Upload the image directly from your device, (2) Use one of our preset example images (they all support CORS), or (3) Use an image from a CORS-friendly host like Picsum, Unsplash, or your own CDN with proper headers configured.

The tool supports all common web image formats: JPEG, PNG, GIF (non-animated, first frame only), WebP, AVIF, and SVG (though SVG rendering in canvas may vary by browser). For best results, we recommend using JPEG or PNG images with a resolution of at least 200×200 pixels. There's no strict file size limit, but larger images may take slightly longer to process.

Absolutely! The color codes generated are standard HEX and RGB values that you can freely use in any project — web design, graphic design, UI/UX work, branding, illustration, or personal art. There are no restrictions or attribution requirements. You can copy individual colors by clicking on them, or copy the entire palette at once using the "Copy All" button.

The accuracy depends on the extraction mode. Frequency mode analyzes the entire image and finds the most dominant color clusters — this gives the truest representation of the image's overall color composition. Grid sampling provides balanced coverage across the whole image. Random sampling introduces delightful unpredictability. All modes return exact pixel colors from the image; the difference lies in which pixels are selected.

Yes! Click the "Upload" button to select any image file from your device. Local uploads completely bypass CORS restrictions, so this method always works regardless of the image source. The file is processed entirely in your browser and is never transmitted anywhere — your privacy is fully protected.

Each color is displayed in HEX format (e.g., #FF6B6B) as the primary format, with the equivalent RGB values (e.g., rgb(255, 107, 107)) shown underneath. Clicking any color card copies the HEX code to your clipboard. The "Copy CSS Gradient" button generates a ready-to-use CSS linear-gradient declaration using all palette colors.