Find colors that work together.
Generate palettes, pull colors from a picture, check contrast and convert between HEX, RGB and HSL. Everything is worked out on your own device, and your pictures and palettes never leave it.
Color palette generator
Settings
A harmony chosen at random each time.
Palette
dodgerblue
palevioletred
yellowgreen
cornflowerblue
plum
Lock the colors you like, then generate again: locked colors stay and the rest change.
| Color | HEX | RGB | HSL | HSV | Nearest name |
|---|---|---|---|---|---|
| Color 1 | dodgerblue | ||||
| Color 2 | palevioletred | ||||
| Color 3 | yellowgreen | ||||
| Color 4 | cornflowerblue | ||||
| Color 5 | plum |
Check and keep
How it looks with color-vision deficiency
A model of how these colors tend to look, not a diagnosis. People and screens differ.
- Typical vision
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Achromatopsia: color 1 and color 2 may look alike. Do not rely on color alone to tell them apart.
Export as code or data
Letters, digits and dashes.
Your saved palettes
Kept in this browser only, up to 40 palettes. Nothing is sent to a server and nothing is shared between your devices.
No palette saved yet. Make one above and press Save palette.
Every color tool
Each one has its own page that explains how the result is calculated, shows an example and answers common questions.
- Color Palette GeneratorGenerate palettes around any color, lock the ones you like and export them
- Color Palette from ImagePull the dominant colors out of a photo without uploading it
- Color PickerPick any color and copy it as HEX, RGB, HSL or HSV
- Color Contrast CheckerCheck WCAG contrast for text and interface colors
- CSS Gradient GeneratorBuild linear, radial and conic gradients and copy the CSS
- Color Shades GeneratorMake tints, shades and tones of any color
- Color HarmoniesSee complementary, triadic and other color schemes on a wheel
- Color ConverterConvert between HEX, RGB, HSL, HSV and CMYK
- HEX to RGB ConverterConvert one or many HEX codes to RGB values
- RGB to HEX ConverterTurn red, green and blue values into a HEX code
Colors you can rely on
- Exact conversions
- HEX and RGB convert to HSL, HSV and CMYK and back without losing a single level. Only values that are shown rounded, such as HSL, can differ in the last digit, and the pages say so.
- Honest contrast
- The WCAG ratio is compared with its exact value, and the displayed number is cut, not rounded, so a pair that fails is never shown as the number it needs.
- Colors that work together
- Palettes follow the color wheel, so a triadic palette really has hues 120 degrees apart. Lock a color and the rest are built around it.
Colors look different on different screens and in print. These tools work in the sRGB space of the web, so check the colors that matter on the devices and materials where they will be used.
Your pictures stay with you
A picture you choose is opened and analyzed inside the page and is never uploaded. There is no account and no server step. A palette is kept only if you press Save, and then it stays in your own browser.
Want to share a palette? The link carries its colors in the part after the # sign, which browsers never send to a server. Read the privacy policy for the details, including how to delete saved palettes.
Made for real work
- Copy any value in one press, and export a palette as CSS variables, SCSS, Tailwind, JSON, SVG or PNG.
- Check every palette for color-blindness before it reaches a design.
- Large swatches and precise labels, on a phone, a laptop or a projector.
- Honest limits on every page, so you know what each tool can and cannot do.