カラーホイール - 補色・類似色・配色パターンを選択

インタラクティブな色相環で配色を選択。補色から4色配色まで多様なハーモニーに対応しています。

selectedColor
hex#ff0000
rgbrgb(255, 0, 0)
hslhsl(0, 100%, 50%)
palette
#ff0000
#00ffff

使い方

  1. 色相環をクリックして基本色を選択
  2. 配色タイプ(補色/類似色/3色/4色)を選択
  3. 生成されたパレットをコピー

よくある質問

どのような配色を生成できますか?
補色、類似色、3色(トライアド)、4色(テトラード)の配色パターンを生成できます。
生成した色をコピーできますか?
はい。各色のHEX値をクリックしてクリップボードにコピーできます。
RGBやHSLの表示にも対応していますか?
はい。HEX、RGB、HSL形式で色の値を確認できます。
データはサーバーに送信されますか?
処理はブラウザ上で完結し、データはサーバーに送信されません。
カラーホイールで色の調和(ハーモニー)を確認できますか?
はい、補色・三色配色・テトラードなど複数のカラーハーモニーを視覚的に確認できます。配色の基本を理解する際にも役立ちます。

関連ツール

更新情報

最終更新日: 2026-02-21

  • 2026-02-21 初回リリース