カラーパレット生成ツール
無料のオンラインカラーパレットジェネレーター。ベースカラーを入力するだけで補色・類似色・三色配色・分裂補色のハーモニーとティント・シェードを自動生成。HEX・RGB・HSL でコピー可能。
ベースカラー
#3c83f6
補色
#f6af3c
類似色
#3ce0f6
#523cf6
三色配色
#f63c83
#83f63c
分裂補色
#f6523c
#e0f63c
ティント(明るく)
#6da2f8
#9ec1fa
#cee0fd
#e7f0fe
シェード(暗く)
#0b64f4
#0950c3
#073c92
#052861
使い方
ベースカラーを入力
HEX カラーコード(例: #3b82f6)を入力するか、カラーピッカーで色を選択します。
カラーハーモニーを確認
補色・類似色・三色配色・分裂補色のカラースキームが自動生成されます。
カラーをコピー
任意のスウォッチをクリックして HEX・RGB・HSL 形式でコピーできます。
よくある質問
カラーハーモニーとは、視覚的に心地よい色の組み合わせのことです。色相環を基準にした補色(反対)・類似色(隣接)・三色配色(等間隔)・分裂補色(補色の隣2色)などが代表的です。
ティントは白を混ぜて明るくした色、シェードは黒を混ぜて暗くした色です。どちらも色相と彩度を維持したまま明度のみを変化させます。
補色は色相環で反対側(色相差180°)にある色です。高いコントラストと鮮やかな組み合わせを生み出します。例えば青とオレンジ、赤と緑は補色の関係にあります。
類似色は色相環で隣接する色(色相差±30°)です。夕焼けの色のように、自然で統一感のある低コントラストのパレットを作ります。