01Pick colors without leaving the page
Use Chrome's native eyedropper to select a visible color. The HEX value is copied automatically and added to your palette.
- Open it from the toolbar or with Alt + Shift + C
- Move or minimize the floating panel
- Panel position and minimized state are remembered
02Edit colors precisely
Fine-tune saturation, brightness, hue, and alpha with visual controls or editable numeric values.
- Work in HEX, RGB, or HSL
- Create transparent colors with alpha controls
- Copy the current color in your preferred format
03Build reusable palettes
Save up to 24 colors, undo or redo changes, and export the complete palette as CSS custom properties.
- Add, select, or remove individual colors
- Clear, undo, or redo palette changes
- Download an edge-to-edge PNG palette locally
04Keep history and favorites
Return to recent colors without repeating a pick, and pin colors that matter to current projects.
- Stores up to 100 recent colors
- Save up to 50 favorites
- Reuse or remove saved colors with one click
05Extract colors and images
Scan visible CSS colors only when requested, or discover eligible images and send one to RazSoft's image color extractor.
- Extract visible CSS colors locally
- Find images, CSS backgrounds, and SVG images
- Add one extracted color or the complete result
06Continue in connected color tools
Turn the selected color into a full shade system or create a multi-color gradient from the current palette.
- Open the palette generator with the current color
- Send multiple colors to the gradient generator
- Preserve palette order between tools