What color harmony types are available?

We support 6 harmony types: complementary, analogous, triadic, tetradic, monochromatic, and split complementary — all based on color theory principles.

Can I lock specific colors while generating?

Yes, you can lock individual colors in the palette and regenerate the rest. This is useful when you have a brand color and want to find matching colors.

Can I export the color palette?

Yes, you can copy individual color codes or copy all colors at once. Colors are provided in HEX format ready for use in CSS, design tools, or brand guidelines.

カラーパレット生成器

色彩理論を活用して美しいカラーパレットを生成。補色、類似色、三色配色など多様な調和タイプに対応。

基本色

パレットタイプ

使い方

色彩理論を活用して美しいカラーパレットを生成。補色、類似色、三色配色など多様な調和タイプに対応。

1Enter a base color using the color picker or type a hex value.
2Select a palette type: complementary, analogous, triadic, tetradic, or monochromatic.
3The tool generates a full color palette and displays all swatches with hex codes.
4Click any swatch to copy its hex code, or export the full palette as CSS variables.

主な機能

Generates complementary, analogous, triadic, tetradic, and monochromatic palettes
Displays hex codes for every swatch with one-click copy
Export palette as CSS custom properties for direct use in stylesheets
Visual swatch preview with color name labels

よくある質問

詳しく読む

Color Codes Guide — HEX, RGB, HSL Explained