Loading Shrinkify...
Loading Shrinkify...
Pick colors visually with an interactive color wheel and canvas. Get HEX, RGB, HSL values instantly. Perfect for designers and developers.
Pick colors with precision using HSV sliders
Shrinkify's color picker - visual color selection is designed for professionals who need precision and reliability without compromises. Whether you're designing interfaces, building websites, ensuring accessibility, or finding color inspiration, this tool is optimized for your workflow.
Pick colors visually and export to CSS or design tools instantly.
Select colors for UI components with real-time preview.
Get precise color values for CSS styling directly from picking.
Define brand colors with visual precision and capture exact values.
Pick colors for game assets and export in required formats.
Select colors for thumbnails, graphics, and visual branding.
Click or drag on the main color canvas to select hue and saturation. Use the vertical bar to adjust brightness/value. The selected color updates in real-time with all format values.
Yes. Enter any HEX, RGB, HSL, or HSV value in the input fields and the picker updates visually to match that color.
Saturation controls color intensity (0% = gray, 100% = full color). Lightness (HSL) or Value (HSV) controls brightness. HSL ranges 0-100%, HSV shows how much light the color reflects.
Yes. Click the copy button next to any format (HEX, RGB, HSL) to copy it instantly. A toast notification confirms the copy.
Yes. The picker uses standard color space formulas and provides precise RGB values to the nearest integer, suitable for web and design work.
Yes. Copy the HEX or RGB value and paste into Figma, Photoshop, Adobe XD, or any design tool that accepts color formats.
Ready to try our other color tools?
Explore All Color Tools