Toolipedia 埋め込み
JA
← すべてのテキストツール

カラーホイールとハーモニー

カラーホイールから、補色、類似色、トライアドなどの配色を作成します。

  • 無料
  • 登録不要
  • どの端末でも使える

約カラーホイールとハーモニー

色相環上の任意の色を選ぶと、そこから作られる定番の配色が表示されます。補色(反対側)、類似色(隣り合う色)、トライアド(等間隔の3色)、スプリットコンプリメンタリー、テトラードなどです。調和は色相環上の決まった角度から生まれるため、デザインの出発点としてバランスのよいパレットになります。

カラーホイールとハーモニーの使い方

  1. カラーホイールで基本色を選ぶか、そのコードを入力してください。
  2. 補色、類似色、トライアドなどの配色を選択してください。
  3. 結果のカラーコードを、デザインにコピーしてください。

このツールを使う理由

別名

よくある質問

類似色と補色の違いは何ですか?

類似色は色相環で隣り合っていて、落ち着いた印象を与えます。補色は青とオレンジのように真向かいにあり、強いコントラストを生みます。

配色を使いながら、ど派手にならないようにするにはどうすればよいですか?

デザインの大部分にはメインカラーを1つ、補助的な領域には2つ目を選び、ほかはアクセントとして控えめに使ってください。大きな領域の彩度は下げてください。

落ち着いたウェブサイトには、どの配色が最適ですか?

類似色の配色は、隣り合う色相を使い、落ち着いた統一感を感じさせる傾向があります。ニュートラルな背景と、ボタン用の対照的なアクセントを1つ加えてください。

カラーホイールとハーモニーは無料ですか？

はい。Toolipediaのカラーホイールとハーモニーは無料で、登録不要、透かしもありません。

安全に使えますか？

はい。すべての計算はブラウザ内で行われ、入力した内容が当社サーバーに送信されることはありません。

スマートフォンでも使えますか？

はい。AndroidやiPhoneの最新ブラウザのほか、タブレットやパソコンでも使えます。インストールは不要です。

アカウントは必要ですか？

いいえ。ページを開いてツールを使うだけです。登録もメールアドレスも不要です。

カラーホイールとハーモニー を自分のサイトに置けますか？

はい。ツールの下にある「サイトに埋め込む」ボタンで短いコードをコピーし、ページに貼り付けてください。無料でアカウントも不要、ツールはページ内でそのまま動作します。

関連ツール