Design CSS buttons visually with 127 ready-made templates, customize colors, size, radius and text with live preview, then copy HTML and CSS or download as PNG
Free browser-based tool to extract HEX, RGB, and HSL color codes from any image pixel
Stage
Not given
Not given
Founded
Not given
Not given
Based in
Not given
Not given
Pricing model
Free
Free
Pricing
Not given
Not given
Key features
127 ready-made button designs including 3D, gradient, neumorphic, retro and sliding effects
Live preview with hover and click states
Copy HTML and CSS code in one click
Pure CSS with no JavaScript required
Works with Bootstrap and Tailwind CSS
Smooth hover animations with transition effects
Works across all modern browsers
No sign-up or account required
Click or tap any pixel to read its exact color code
Get HEX, RGB, HSL, CMYK, and OKLCH values with one-click copy
Extract dominant colors from an image as a palette
No server upload – image processing happens entirely in your browser
Match colors to traditional Chinese and Japanese color names
Save color history in your browser on this device
Works on mobile with touch and on-screen keyboard
Export palettes as CSS variables, Tailwind, or JSON
Support for JPG, PNG, and WebP image formats with drag-and-drop upload
Use arrow keys to nudge the cursor and fine-tune pixel selection
What makes it different
127 pre-designed buttons ready to customize
Live preview as you customize
Pure HTML and CSS with no dependencies
Completely free with no sign-up required
Entirely browser-based with no sign-up required
Links picked colors to centuries-old traditional Chinese and Japanese palettes
Displays multiple color formats (HEX, RGB, HSL, CMYK, OKLCH) for every pixel
Image never leaves your browser – all processing is client-side
Supports palette export in multiple formats for developers and designers
CSS Button Generator
Image Color Picker