Annons

Generate a five-color palette instantly — press the spacebar to shuffle, lock the colors you love, switch harmony modes and export or share your palette.

Space to generate a new palette
Export your palette

								
Open the Palette Exporter

Press the spacebar to shuffle, lock the swatches you want to keep and the rest regenerate around them. Everything runs in your browser — no sign-up, completely free.

Annons

Om Color Palette Generator

The Color Palette Generator builds a five-color scheme in one keystroke. Press the spacebar — or the Generate button — and a fresh palette appears; lock the swatches you want to keep and press again, and only the unlocked colors are replaced, so you can converge on a scheme one color at a time instead of starting over.

Five generation modes shape the result. Random explores the whole color space, while Analogous, Complementary, Triadic and Monochrome build the palette from HSL relationships around a base hue, with each slot given its own saturation and lightness window so the output reads like a designed scheme rather than five unrelated colors.

Every swatch has a color picker for fine-tuning and a click-to-copy HEX value. The palette is encoded in the page URL, so the share button copies a link that reopens exactly the same colors, and the export panel produces CSS variables, SCSS, a Tailwind config, JSON, an SVG swatch sheet or a plain HEX list. Everything runs in your browser: nothing is uploaded and nothing is charged.

Så använder du Color Palette Generator

  1. Press the spacebar or click "Generate palette" to create a five-color scheme.
  2. Click the lock icon on any swatch you want to keep, then generate again to replace only the rest.
  3. Pick a generation mode — Random, Analogous, Complementary, Triadic or Monochrome — to steer the harmony.
  4. Fine-tune any color with its picker, and click a HEX value to copy it.
  5. Use "Copy share link" to save the palette in a URL, or open Export for CSS, SCSS, Tailwind, JSON or SVG.

Vanliga frågor

Press the spacebar anywhere on the page, or click the "Generate palette" button. Each press replaces every unlocked swatch, so you can keep pressing until a scheme you like appears.

Click the lock icon on the swatch you want to keep. Locked colors survive every generation, and in the harmony modes the first locked color becomes the base hue the rest of the palette is built around.

Random picks freely across the color space. Analogous keeps hues close together for a calm scheme, Complementary pairs a hue with its opposite for contrast, Triadic spaces three hues evenly around the wheel, and Monochrome varies only lightness and saturation of a single hue.

Yes. The palette lives in the page URL, so "Copy share link" gives you an address that reopens the exact same colors and lock states — bookmark it or send it to a teammate. You can also export the palette as a file.

CSS custom properties, SCSS variables, a Tailwind color config, JSON, an SVG swatch sheet or a plain HEX list. Each can be copied to the clipboard or downloaded as a file, and you can set the variable name prefix.

Yes, completely free — no account, no credits and no limits. The whole generator runs in your browser, so no data ever leaves your device.


Populära sökningar
color palette generator random color palette generator color scheme generator generate color palette online color combination generator palette generator free
Behöver du hjälp?
Hittade du ett problem med det här verktyget? Berätta för oss.
Rapportera ett problem

Lägg till det här gratisverktyget på din egen webbplats — kopiera och klistra in koden nedan.