Generate beautiful color palettes instantly. Lock colors you like, then press Spacebar to regenerate the rest.
Create beautiful gradients with your picked colors.
See how your color appears to people with different types of color vision deficiency.
See how your color looks on high-quality professional scenes. Click anywhere on the images to reveal the exact hex color at that spot.
Tap to upload or drag & drop an image
JPG, PNG, WebP, GIF — 100% in your browser| Color | Name | Hex code | RGB code |
|---|---|---|---|
| White | FFFFFF |
255, 255, 255 | |
| Silver | C0C0C0 |
192, 192, 192 | |
| Gray | 808080 |
128, 128, 128 | |
| Black | 000000 |
0, 0, 0 | |
| Red | FF0000 |
255, 0, 0 | |
| Maroon | 800000 |
128, 0, 0 | |
| Yellow | FFFF00 |
255, 255, 0 | |
| Olive | 808000 |
128, 128, 0 | |
| Lime | 00FF00 |
0, 255, 0 | |
| Green | 008000 |
0, 128, 0 | |
| Aqua | 00FFFF |
0, 255, 255 | |
| Teal | 008080 |
0, 128, 128 | |
| Blue | 0000FF |
0, 0, 255 | |
| Navy | 000080 |
0, 0, 128 | |
| Fuchsia | FF00FF |
255, 0, 255 | |
| Purple | 800080 |
128, 0, 128 |
Choose any color with an intuitive split-panel design. The left panel shows a live solid preview, while the right panel offers a two-dimensional gradient area with a smooth, draggable circular indicator for precise saturation and brightness control.
Every selected color is instantly converted into all major industry-standard formats, including HEX, RGB, and HSL. Tap any value to copy it to your clipboard in a single touch.
Generate beautiful five-color palettes with a single click or by pressing the spacebar. Lock any color you love to keep it while regenerating the rest.
Create stunning gradients in three styles — linear, radial, and conic. Add multiple color stops, adjust the angle with a visual slider, and preview the result in real time.
Automatically generate scientifically balanced color combinations based on proven color theory principles. Five harmony types available — complementary, analogous, triadic, tetradic, and split-complementary.
Preview how your selected color appears to users with eight different types of color vision deficiency, helping you make more inclusive design decisions.
See how your color performs in real-world design contexts through beautifully rendered high-quality mockups. Click anywhere on the images to sample the exact pixel color at that spot.
Automatically generates eight lighter tints and eight darker shades of any selected color. Ideal for building complete design systems.
Ensure your color choices meet international accessibility standards by testing them against any background with real-time WCAG pass/fail indicators.
Upload any image and press & hold to activate a precision magnifier lens. All processing happens entirely in your browser.
Extract the six most dominant colors from any uploaded image using intelligent analysis — perfect for creating brand palettes from logos or mood boards.
Save up to sixteen favorite colors and track your twelve most recently picked colors — all remembered across browser sessions.
Export your selected color in multiple developer-friendly formats through a dedicated export panel — CSS, SCSS, Tailwind, and JSON.
Generate a unique web address containing your currently selected color. When anyone opens that link, the tool automatically loads the exact same color.
Pick any color from anywhere on your screen with the native eyedropper tool — including other browser tabs, desktop applications, or images.
Switch between a clean light theme and a sophisticated dark theme. Your preference is saved automatically.
R for random color, S to save, C to copy, D for dark mode, Space to regenerate palettes, Escape to close modals.
Every feature works entirely within your browser. No data is ever sent to any server. The tool even works offline after initial page load.
Optimized layouts for mobile phones, tablets, and desktop screens. All interactive elements are fully touch-friendly.