Glyph WidgetsGlyph Widgets
概要お問い合わせプライバシー利用規約Ko-fiでサポート

© 2026 Glyph Widgets. All rights reserved.

·

100%クライアントサイド処理

パレットジェネレーター

最終更新: 2026年3月11日

色彩理論、ムードベース生成、グラデーション補間、画像カラー抽出を使用して美しいカラーパレットを作成します。11種類のハーモニータイプ、WCAGアクセシブルなコントラストペア、色覚シミュレーション、20種類のムードプリセット — すべて100%ブラウザ内で処理されます。

#67aac7
#66aac7
#c78366
#66aac7(基本)
#c78366
共有

Saved Presets is a Supporter feature.

Tool History is a Supporter feature.

Tool Notes is a Supporter feature.

機能

  • ▶補色、トライアド、シックストーンを含む11種類のカラーハーモニータイプ
  • ▶任意のベースカラーからシェード、ティント、トーンを生成
  • ▶10スタイル(パステル、ビビッド、ネオン、ジュエル、アースなど)の制約付きランダムパレット
  • ▶アクセシブルデザインのためのWCAG AA/AAAコントラストペア生成
  • ▶最大4つのカラーストップによるグラデーションベースパレット
  • ▶k-meansクラスタリングによるアップロード画像からのドミナントカラー抽出
  • ▶感情、季節、スタイル、コンテキストにわたる20種類のムードベースプリセット
  • ▶色覚シミュレーション(1型色覚、2型色覚、3型色覚、全色盲)
  • ▶JSON、CSS、Tailwind、SCSS、またはASE(Adobe)としてエクスポート
  • ▶100%クライアントサイド — データはブラウザの外に出ません

使い方

1

モードを選択

色彩理論ルールにはハーモニー、アルゴリズム方式にはジェネレート、プリセットベースのパレットにはムードを選択します。

2

オプションを設定

ベースカラーを選び、ハーモニータイプまたは生成方式を選択し、ステップ数や制約スタイルなどのパラメーターを調整します。

3

プレビュー&調整

色覚シミュレーションを確認し、再生成してバリエーションを試すか、モードを切り替えてパレットを調整します。

4

コピーまたはエクスポート

個別の色をコピーするか、パレット全体をJSON、CSS、Tailwind、SCSS、またはASEとしてエクスポートします。

カラーホイール理論

カラーハーモニーは360°カラーホイール上の数学的関係に基づいており、補色からシックストーンまで11種類のハーモニータイプがあります。

HSL変換

色はHSL(色相、彩度、明度)に変換され、ハーモニー、シェード、ティント、ムードベースパレットが計算されます。

生成方法

ハーモニーベース、シェード/ティント/トーン、制約付きランダム、WCAGコントラスト、グラデーション補間、画像抽出、ムードベース生成から選択できます。

アクセシビリティ

内蔵のWCAGコントラストチェックと色覚シミュレーションにより、すべての人に適したパレットを作成できます。

よくある質問

補色はカラーホイール上で反対側にある色(180°離れた色)です。高いコントラストと視覚的インパクトを生み出します。

関連ツール

カラーブレンダー

2つの色をブレンド

カラーピッカー

任意の色を選択

コントラストチェッカー

カラーコントラストをチェック