カラーパレットジェネレーター - ランダム & ハーモニーパレット
調和のとれた5色のカラーパレットを生成します。色を固定し、スペースキーを押してシャッフルし、CSSまたはTailwindとしてエクスポート。無料。
복사됨!
カラーパレットジェネレーターとは？
カラーパレットジェネレーターは、色彩理論に基づいて調和のとれた色の組み合わせを作成するツールです。類似色、補色、トライアド、スプリットコンプリメンタリー、モノクロマティックなどのモードを使用して5色のパレットを生成し、デザイナーや開発者がウェブサイト、アプリ、グラフィックデザインプロジェクトに適したまとまりのあるカラースキームを見つけるのに役立ちます。
カラーパレットの生成方法
- ハーモニーモードを選択 — 類似色、補色、トライアド、スプリットコンプリメンタリー、モノクロのいずれかを選択
- 生成 — Spaceキーを押すか、リロードして新しいパレットを取得
- 色をロック — 保持したい色のロックアイコンをクリック
- コピー — スウォッチまたは詳細カードをクリックしてHEX値をコピー
- エクスポート — パレット全体をCSS変数またはTailwind設定としてコピー
このカラーパレットジェネレーターを使う理由
- 5つのハーモニーモード — 類似色、補色、トライアド、スプリットコンプリメンタリー、モノクロマティック
- ロック＆シャッフル — 気に入った色を保持しながら、残りを再生成
- すべての形式 — すべての色に対してHEX、RGB、HSLを表示
- コードエクスポート — CSSカスタムプロパティまたはTailwind設定を即座にコピー
- キーボードショートカット — スペースキーを押して新しいパレットをすばやく生成
FreeToolboxと他のパレットジェネレーターの比較
| 機能 | FreeToolbox | Coolors | Adobe Color |
|---|---|---|---|
| ハーモニーモード | 5つのモード | 手動 + AI | 6つのモード |
| 色のロック | はい | はい | いいえ |
| コードエクスポート | CSS + Tailwind | 各種 | なし |
| 登録 | 不要 | 無料（制限あり） | Adobeアカウント |
| 広告 | 最小限 | バナー広告 | なし |
よくある質問
新しいパレットを生成するにはどうすればよいですか？
キーボードのスペースキーを押すか、いずれかのハーモニーモードボタンをクリックします。ロックされた色は保持され、残りの色が再生成されます。
カラーハーモニーモードとは何ですか？
カラーハーモニーモードは、色彩理論を使用して、心地よい組み合わせを作成します。類似色は隣接する色相を使用し、補色は反対の色相を使用し、トライアドは均等に配置された3つの色相を使用し、スプリットコンプリメンタリーは1つの色相と、その補色の隣接する2つの色相を使用し、モノクロマティックは単一の色相の明度を変化させます。
気に入った色をロックできますか？
はい。任意の色見本のロックアイコンをクリックします。新しいパレットを生成すると、ロックされた色は変更されません。
どのような形式がサポートされていますか？
各色には、HEX、RGB、HSL値が表示されます。いずれかの値をクリックして、クリップボードにコピーします。
パレットをエクスポートするにはどうすればよいですか？
パレットの下にあるエクスポートタブを使用して、CSSカスタムプロパティ（:root変数）またはTailwind CSS設定スニペットを取得し、[コピー]をクリックします。