補色
配色 生成とは？
配色 生成は、色彩理論のルール（補色、トライアド、類似色、分割補色など）に基づいて調和の取れたカラーパレットを作成します。UIデザイン、ブランディング、アートプロジェクトの配色選びにご利用ください。
配色 生成の使い方
- カラーピッカーでベースカラーを選ぶか、HEX値を入力します。
- 配色タイプ（補色、類似色、トライアドなど）を選択します。
- 任意のスウォッチをクリックしてHEXをコピーするか、すべてをCSS変数 / JSONとしてエクスポートできます。
詳しく見る▾
カラーハーモニーの種類
- 補色 —反対色、高コントラスト
- 類似色 —隣接する色、調和が取れて穏やか
- 三色配色 —均等間隔の3色、鮮やか
- 分割補色 —ベース色 + 補色に隣接する2色
- テトラード —色相環上で長方形を形成する4色
- モノクロマティック —同一色相の濃淡
よくある質問
CSS で色を使用するには？
「Copy as CSS Variables」をクリックすると、すべての色をカスタムプロパティとして含む、すぐに貼り付けできるスニペットを取得できます。
パレットを JSON としてエクスポートできますか？
はい。「Export JSON」をクリックすると、HEX と RGB 値付きの配色をダウンロードできます。