配色生成
補色、類似色、トライアド、テトラード配色を生成します。
このツールについて
1つの基準色から、色相関係を使った主要な配色候補を生成します。
パレット、チャート、ランディングページ、ブランド案の出発点として使えます。
基準色
#2563EB
補色
#EBAD25
類似色 -30
#25C6EB
類似色 +30
#4A25EB
トライアド +120
#EB2563
トライアド +240
#63EB25
テトラード +90
#EB25C6
テトラード +270
#25EB4A
使い方
- 1
必要な値を入力するか、テキストを貼り付けます。
- 2
オプションや単位を目的に合わせて調整します。
- 3
表示された結果を確認し、必要な場所へコピーして使います。
機能
即時結果
値を入力するとブラウザ内で結果がすぐに更新されます。
ブラウザ内処理
入力値はサーバーへアップロードせず、端末内で処理されます。
シンプルな入力
繰り返し使いやすい入力欄と見やすい結果を用意しています。
無料で利用
登録やインストールなしでそのまま使えます。
主な用途
- ›UIに使う補助アクセント色を探します。
- ›落ち着いたパレットのための類似色を確認します。
- ›チャートやビジュアルシステム用の配色候補を作ります。