toolpodsへの開発依頼はこちら
#007FFF
HSL(210°, 100%, 50%)
単色
類似色
補色
三角配色
四角配色
カラーパレットジェネレーターの使い方
ベースカラーを1色選ぶだけで、配色理論に基づいた5種類のカラーパレットを自動生成します。Webデザイン、グラフィックデザイン、イラスト、プレゼン資料など、あらゆる場面で美しい色の組み合わせを見つけられます。
ベースカラーを選ぶ
カラーピッカーで色を選択するか、HEXカラーコードを直接入力。ランダムボタンで偶然の出会いも。
カラーコードをコピー
パレット内の色をクリックするとベースカラーに設定。右上のコピーアイコンでHEXコードをコピー。
URLで共有
共有ボタンでURLをコピー。カラーコードがURLに含まれるので、同じパレットを簡単に共有できます。
操作方法
ランダム生成
- Space キーでランダムな色を生成
- 気に入る配色が見つかるまで何度でもお試しください
パレットの色を活用
- 色をクリック → ベースカラーに設定して再生成
- 右上の アイコン → HEXコードをコピー
配色理論について
- 1
単色（モノクロマティック）
1つの色の明るさを変えた配色。統一感があり、落ち着いた印象を与えます。
- 2
類似色（アナロガス）
色相環で隣り合う色の組み合わせ。自然で調和のとれた印象に。
- 3
補色（コンプリメンタリー）
色相環で反対に位置する色。コントラストが強く、目を引くデザインに。
- 4
三角配色（トライアド）
色相環を3等分した配色。バランスが良く、カラフルで活発な印象に。
- 5
四角配色（テトラード）
色相環を4等分した配色。豊かな色彩表現が可能で、ダイナミックなデザインに向いています。
関連ツール
🏆人気ツールランキング
最近よく使われているツールのランキングです