Quicker

カラーパレット生成ツール

無料のオンラインカラーパレットジェネレーター。ベースカラーを入力するだけで補色・類似色・三色配色・分裂補色のハーモニーとティント・シェードを自動生成。HEX・RGB・HSL でコピー可能。

ベースカラー

#3c83f6

補色

#f6af3c

類似色

#3ce0f6

#523cf6

三色配色

#f63c83

#83f63c

分裂補色

#f6523c

#e0f63c

ティント(明るく)

#6da2f8

#9ec1fa

#cee0fd

#e7f0fe

シェード(暗く)

#0b64f4

#0950c3

#073c92

#052861

共有:B!

使い方

  1. ベースカラーを入力

    HEX カラーコード(例: #3b82f6)を入力するか、カラーピッカーで色を選択します。

  2. カラーハーモニーを確認

    補色・類似色・三色配色・分裂補色のカラースキームが自動生成されます。

  3. カラーをコピー

    任意のスウォッチをクリックして HEX・RGB・HSL 形式でコピーできます。

よくある質問

カラーハーモニーとは、視覚的に心地よい色の組み合わせのことです。色相環を基準にした補色(反対)・類似色(隣接)・三色配色(等間隔)・分裂補色(補色の隣2色)などが代表的です。

ティントは白を混ぜて明るくした色、シェードは黒を混ぜて暗くした色です。どちらも色相と彩度を維持したまま明度のみを変化させます。

補色は色相環で反対側(色相差180°)にある色です。高いコントラストと鮮やかな組み合わせを生み出します。例えば青とオレンジ、赤と緑は補色の関係にあります。

類似色は色相環で隣接する色(色相差±30°)です。夕焼けの色のように、自然で統一感のある低コントラストのパレットを作ります。