HEX
A compact web color such as #2C806E. Use it in CSS, design tools and many theme settings.
Pick a color from the wheel, a local image, or a supported screen picker. Copy HEX, RGB, HSL and OKLCH values without uploading your image.
Everything in this tool runs in your browser. Image pixels, selected colors and your recent-color list are never sent to ToolkitLoop.
Drop an image, choose a file, or paste a screenshot. It stays in this browser.
Choose an image to find its dominant local colors.
Images, pixels and recent colors are not uploaded.
Use the visual picker, type a HEX value, or try a random color.
Drop, choose or paste a screenshot, then click its canvas to read an exact local pixel.
Copy HEX, RGB, HSL or OKLCH and check which black or white text has the better contrast.
A compact web color such as #2C806E. Use it in CSS, design tools and many theme settings.
RGB describes light channels; HSL is often more intuitive when adjusting hue, saturation and lightness.
A perceptual color format that helps compare lightness and chroma more consistently across hues.
Drop, choose or paste an image, then click a visible pixel. The image is drawn to a local browser canvas and is not uploaded.
Where the browser supports the secure EyeDropper API, use Pick from screen. Other browsers show a screenshot/image route instead.
The EyeDropper API needs HTTPS and browser support. It is intentionally an optional enhancement, not the only way to use this tool.
No. This page reads the image only in your current browser to draw its canvas, sample pixels and find a small palette.
No. ToolkitLoop is an independent tool and is not affiliated with Google.