Color Picker vs Image Utility
One is for choosing and converting exact colors, the other for editing images that already exist.
Color Picker is about values
Use the color picker when the problem is selecting, converting, or validating exact color values for design or CSS use.
Image Utility is about assets
Use the image utility when the job involves real image files: resizing, compressing, cropping, or generally preparing a visual asset for publishing.
Design token versus image asset
The simplest distinction is this: if you care about a color token, open the picker. If you care about an actual image file, open the image utility.
Open the tools
Color Picker — Pick colors, convert between HEX, RGB, and HSL, and check contrast for UI workflows. Useful for CSS, design systems, branding, and accessible palettes.
Image Utility — Compress, crop, and optimize images for web. Reduce file size without losing quality. All processing in browser.