Uploading an Image: Click the "Upload an image" field to select an image from your device. Supported formats include PNG, JPEG, and GIF. Use locally stored images to avoid CORS restrictions.
Selecting a Color: After uploading, click on the canvas to pick a color. The color swatch below the canvas will display the selected color, with its HEX and RGB values shown in the input fields.
Copying Color Values: Use the "Copy HEX" or "Copy RGB" buttons to copy the respective color values to your clipboard. A confirmation or error message will appear briefly.
Viewing All Colors: The tool automatically lists unique colors from the image in the "All Colors in Image" section, each with a swatch and HEX code. Scroll to view all colors.
Downloading Colors: Click "Download Colors" to save a text file (`color-info.txt`) with the selected color’s HEX and RGB values and all detected colors’ HEX codes.
Resetting the Tool: Click "Reset" to clear the canvas, color swatch, values, and color list, allowing you to upload a new image.
Troubleshooting: Use local images to avoid CORS errors. Ensure images are valid and not corrupted. Large images may take slightly longer to process.
Accessibility: ARIA labels are included for screen readers, and error messages are announced for assistive technologies.
Responsive Design: The tool is optimized for both desktop and mobile devices, with adjusted layouts for smaller screens.