CSS & Design
Image Color Picker
Upload or paste an image and click anywhere to sample the exact color at that point — get HEX, RGB, and HSL values instantly. Also extracts the top dominant colors from the full image using canvas pixel analysis.
Runs in your browser
Nothing uploaded
Free, no signup
Ctrl + Enter to run · Recent brings back your last inputs · Everything stays in this browser
FAQ
Image Color Picker: questions
How does the dominant color extraction work?
The image is drawn to an HTML Canvas and every pixel is sampled. Colors are clustered and sorted by frequency to find the most prominent colors.
What image formats are supported?
Any format the browser can render: PNG, JPEG, GIF, WebP, SVG. Images stay in your browser — nothing is uploaded.
CSS Minifier & Beautifier
Compress or format CSS
SVG Optimizer
Minify and clean SVG markup
Website Accessibility Audit
Crawl a page for WCAG risks
CSS Grid Generator
Visual grid layout builder
CSS Flexbox Generator
Build flexbox layouts visually with live preview
SVG to CSS Data URI Encoder
SVG as background-image
Made something with AI? Share it as a private link.
Drop in the HTML from Claude, ChatGPT or any editor and get a link your client can open anywhere — with a password, view tracking, comments and approval.