カラーホイール - 補色・類似色・配色パターンを選択
インタラクティブな色相環で配色を選択。補色から4色配色まで多様なハーモニーに対応しています。
selectedColor
hex
#ff0000
rgb
rgb(255, 0, 0)
hsl
hsl(0, 100%, 50%)
palette
#ff0000
#00ffff
使い方
- 色相環をクリックして基本色を選択
- 配色タイプ(補色/類似色/3色/4色)を選択
- 生成されたパレットをコピー
よくある質問
- どのような配色を生成できますか?
- 補色、類似色、3色(トライアド)、4色(テトラード)の配色パターンを生成できます。
- 生成した色をコピーできますか?
- はい。各色のHEX値をクリックしてクリップボードにコピーできます。
- RGBやHSLの表示にも対応していますか?
- はい。HEX、RGB、HSL形式で色の値を確認できます。
- データはサーバーに送信されますか?
- 処理はブラウザ上で完結し、データはサーバーに送信されません。
- カラーホイールで色の調和(ハーモニー)を確認できますか?
- はい、補色・三色配色・テトラードなど複数のカラーハーモニーを視覚的に確認できます。配色の基本を理解する際にも役立ちます。
関連ツール
更新情報
最終更新日: 2026-02-21
- 2026-02-21 初回リリース