Pick colors from images or create color palettes
Pick colors from images or create color palettes
#3B82F6 rgb(59, 130, 246) hsl(217, 91%, 60%) Every selected color is displayed in three notations side by side: HEX (such as #3B82F6), functional RGB (rgb(59, 130, 246)), and HSL (hsl(217, 91%, 60%)). Each row has its own copy button, so you can grab exactly the format your CSS or design tool expects.
The picker uses your browser's native color control. In Chrome and Edge that dialog includes an eyedropper, which can sample any pixel visible on screen, including colors inside an open image. Firefox and Safari fall back to the standard swatch grid.
Pick or randomize a color, then click Add to Palette. Duplicate colors are rejected so a palette never contains the same hex twice, and every swatch in the palette grid carries a remove button for quick pruning.
Generate Random Color loads one random hex into the picker, while Generate Random Palette replaces your palette with five fresh random colors in one click. The three presets, Material Design, Pastel Dreams, and Ocean Vibes, each load a curated set of eight colors you can edit from there.
No account is involved. The palette lives in the page while you work, Export downloads it as a color-palette.json file with the colors and creation date, and everything is generated locally in your browser.