WebToolBox

配色ジェネレーター

ベースカラーから配色パターンを自動生成します。

補色 (Complementary)

類似色 (Analogous)

トライアド (Triadic)

スプリット補色 (Split-Complementary)

よくある質問

補色とは何ですか?
色相環で正反対(180度)に位置する色です。コントラストが強く、互いを引き立て合います。
トライアドとは?
色相環を3等分(120度間隔)した3色の組み合わせです。バランスの良い配色が得られます。
色をコピーするには?
カラースウォッチをクリックすると、そのHEXカラーコードがクリップボードにコピーされます。