Pick any color with a visual gradient picker, enter values in HEX, RGB, HSL, or CMYK, and get complementary color suggestions. Use the browser eyedropper to sample colors from your screen.
#FF0000
rgb(255, 0, 0)
Color Suggestions
hsb(0, 100%, 100%)
Convert colors between HEX, RGB, HSL, CMYK, and HSB.
Generate harmonious color palettes with multiple modes.
Check color contrast for WCAG accessibility compliance.
Resize images with custom dimensions, percentage, or social media presets.
Generate favicons from text or emoji instantly.
Click the "Pick" button next to the color preview to activate the browser EyeDropper API. This lets you click anywhere on your screen to sample a color. Note that this feature requires a Chromium-based browser such as Chrome or Edge.
The Color Picker supports HEX (#RRGGBB), RGB (0-255 per channel), HSL (hue, saturation, lightness), CMYK (cyan, magenta, yellow, key), and HSB/HSV. All formats are kept in sync — changing one instantly updates the others.
Yes. Below the picker, the tool shows five color suggestions based on color theory: the complementary color (180 degree hue rotation), two analogous colors (plus/minus 30 degrees), and two triadic colors (plus/minus 120 degrees). Click any swatch to select it.
Yes. Your last 10 picked colors are stored in your browser's local storage and shown as clickable swatches below the picker. Click any history swatch to reload that color. History persists across sessions.
Yes, the Color Picker is completely free with no daily limits. All processing happens in your browser — no data is sent to any server. No signup or account is required.