ファイルは処理後に自動削除されますHTTPSで安全に処理

Color Palette Generatorが終わったら、次はこちらを

Color Palette Generatorと相性のよい厳選ツール。ファイルをそのままに、作業を続けられます。

すべてのツールを見る

よくある質問

Press the space bar or tap the Generate button and a new palette appears instantly. Lock any swatches you want to keep, then keep shuffling — only the unlocked colors change. You can also switch the harmony mode (random, monochrome, analogous, complementary, or triadic) to control how the colors relate to each other on the color wheel.

usage

Yes. Every swatch has a lock button. Locked colors never change when you shuffle, and in harmony modes the first locked color becomes the anchor for the whole scheme — so you can lock your brand color and generate matching monochrome, analogous, complementary, or triadic companions around it.

usage

Your palette is saved into the page URL as you work, in the form ?colors=aabbcc-ddeeff-... Copy the link from the address bar and send it to a teammate or client — opening the link restores the exact same palette, which they can then tweak, reshuffle, or export themselves.

sharing

Anywhere from 3 to 8 colors. Five is the default because it maps neatly onto most design systems: a primary, a secondary, an accent, a background, and a text color. When you increase the count, your existing colors are preserved and only the new slots are generated.

usage

Yes. The CSS export produces a ready-to-paste :root block with --color-1 through --color-n custom properties. The JSON export includes hex, RGB, and HSL values for every swatch, and the PNG export renders a labeled color strip you can drop into mood boards, briefs, or slides.

export

It is completely free with no sign-up. All palette generation, harmony math, and exports run entirely in your browser — nothing is uploaded and no data ever leaves your device.

privacy

Color Palette Generatorでできること

ビジネス、クリエイター、日々の作業で毎日役立つ、実際の課題を解決します。あなたに合う使い方を見つけて、数秒で始めましょう。

マーケティング

Brand color exploration

Lock your existing brand color and shuffle harmony modes around it to find matching secondary and accent colors, then export the result as CSS variables for your style guide.

クリエイター向け

Website and app design

Generate 5-color schemes until one clicks, copy individual hex codes for your components, and share the palette URL with developers so everyone builds from the same colors.

使い方・ユースケース

Presentations and social templates

Download the PNG strip to keep a visual reference of your palette inside slide decks, Canva templates, or client mood boards.

クリエイター向け

Art, craft, and interior projects

Use analogous or monochrome modes to build calm, coordinated palettes for room schemes, knitting or quilting projects, and illustration work.