Any
Use when you want surprise and are willing to edit. Any covers the whole HSL range, so it can produce beautiful accidents and unusable extremes in the same session.
手続き型パレット
ランダムカラージェネレーター
実用的な制約でランダムカラーを生成。お気に入りをロックし、残りを再生成して URL で共有できます。
Preset
Palette size
Advanced ranges
Hue0 to 360
Saturation25 to 50
Lightness80 to 90
How to generate random colors
1
Choose a preset
Start with Any, Pastel, Vivid, Dark, Warm, or Cool. Each preset maps to practical HSL constraints rather than pure channel randomness.
2
Generate and lock
Generate a palette of 3, 5, or 8 colors. Lock promising swatches, then reroll the rest until the palette has a useful direction.
3
Copy or share
Copy individual HEX values, or share the palette URL. The colors are encoded in the query string so teammates can reopen the same set.
Constrained randomness
What random means here
Pure random RGB is mathematically simple and aesthetically rough. It picks red, green, and blue channels independently, which means many outputs are muddy, too dark, too light, or awkwardly unrelated to nearby swatches. That can be fun for tests, but it wastes time when you need design candidates.
This generator uses HSL constraints instead. Hue controls the color family, saturation controls intensity, and lightness controls how close the result sits to black or white. Presets are just opinionated ranges: pastel keeps lightness high, vivid keeps saturation high, dark lowers lightness, and warm or cool narrows the hue band.
Randomness is still useful because it breaks your habits. Designers tend to reach for the same blues, violets, and neutrals. A constrained generator produces unfamiliar options without losing all control. The best results usually come from a loop: generate, lock one or two strong swatches, reroll, then refine.
Preset cookbook
Pastel
Useful for soft illustration palettes, onboarding screens, moodboards, and playful UI backgrounds. Pastels keep saturation moderate and lightness high.
Vivid
Useful for campaign accents, posters, tags, and prototypes that need energy. Vivid colors need contrast checks before carrying text.
Dark
Useful for dark-mode accents, terminal themes, album covers, and saturated background panels. Pair dark colors with controlled foreground choices.
Warm
Useful for food, events, lifestyle, sale banners, and cozy editorial work. Warm samples bias toward red, orange, yellow, and the wraparound magenta edge.
Cool
Useful for SaaS dashboards, finance, climate, health, and calm productivity products. Cool samples focus on cyan, blue, and violet families.
Lock-and-reroll workflow
Treat locking like sketching. The first random run gives you raw material. Lock the one color that has a point of view, then reroll around it. If the second run produces a useful support color, lock that too. Within a few iterations you have a palette that still feels fresh but is no longer arbitrary.
Frequently asked questions
How is this different from the AI generator on the homepage?
The homepage generator interprets a written prompt and returns a full palette based on the mood you describe. This tool is procedural. It creates colors from explicit hue, saturation, and lightness constraints. Use it when you want fast random exploration without prompt writing.
Can I bias the output toward a brand color?
Use the Color Harmony Generator if you need colors derived from one brand color. Random generation is better for open exploration. A practical workflow is to generate until one swatch feels close, lock it, then reroll the rest and refine the chosen color in a converter or harmony tool.
Why are pastel results sometimes muddy?
Pastels sit at high lightness and moderate saturation. If saturation drops too low, the color becomes a tinted neutral. Increase the minimum saturation or narrow the hue range to keep a clearer family. Muddy can also be useful for calm backgrounds, so context matters.
How do I export the palette to Tailwind or CSS variables?
Copy the HEX values from each swatch, then paste them into CSS custom properties or a Tailwind theme object. For a full tonal scale, take one strong swatch into the Shades and Tints Generator and export a 50 to 950 ladder.
Is the randomness reproducible or seedable?
This first version stores the generated colors in the URL, so a shared link reproduces the visible palette. It does not expose a numeric seed. A seeded generator is a good future addition for teams that want repeatable random runs from a campaign name or design token namespace.
Why constrain ranges instead of pure RGB random?
Uniform RGB random spends a lot of time in colors that are hard to use together. HSL constraints let you decide the character first: pastel, vivid, dark, warm, or cool. You still get variety, but the results are closer to useful design material.
Can I generate accessible palettes from this?
Random palettes are not automatically accessible. Use the generated colors as candidates, then test the exact foreground and background combinations. If you need semantic UI states, combine random exploration with contrast checking and non-color signals such as icons or text labels.