このツールは無料で使えますか？

はい、完全無料です。サブスクリプション・アカウント・隠れた制限は一切ありません。ページを開いてすぐパレットを生成できます。

色データはサーバーにアップロードされますか？

いいえ。ツール全体がブラウザ内のJavaScriptで動作します。サーバーには何も送信されず、パレットデータはブラウザのlocalStorageにのみ保存されます。

カラーパレットジェネレーターはオフラインで使えますか？

はい。ページを一度読み込めば、完全オフラインで動作します。外部APIの呼び出しやCDNへの依存は一切ありません。

配色モードの違いは何ですか？

ランダムは 5 つの関係のない色調を選びます。アナログは色輪の 80° の範囲内で 20° ずつ離れた 5 つの色調を広げ、穏やかで統一された見た目になります。補色はベースの色調に近い 2 つのスワッチと、その反対側（170°、180°、190°離れた位置）に 3 つのスワッチを配置し、高コントラストになります。三色は 120° ずつ離れた色調を配置します。2 つのスワッチはベースの色調に近い位置に、2 つは +120° の位置に、1 つは +240° の位置に配置されます。すべてのモードで、彩度と明度は中程度の範囲内で変化します。色輪は HSL（画面用）の色輪であり、赤の補色は緑ではなくシアンです。

気に入った色を残したまま、残りだけを変えることはできますか？

はい。任意のスワッチのロックアイコンをクリックして、その色を保持します。ロックされたスワッチは生成時にスキップされます。アナログ、補色、三色のモードでは、他のスワッチは最初のロックされたスワッチの色調を中心に作成されます（グレーのスワッチは色調を持たず、この処理では無視されます）。そのため、パレットは好きな色を中心に調和された状態を保ちます。ランダムモードでは、スワッチはランダムのままです。パレットとロックはこのブラウザに保存されます。

画像からパレットを作成できますか？

はい。「画像から」をクリックして写真を選択します。ツールは写真を縮小し、メディアンカット量子化を使って類似したピクセルをグループ化し、明確に異なる 5 つの主要なグループを選び出します。各結果は画像内に実際に存在する色であり、平均値ではなく、暗い色から明るい色の順に並べられ、すべてはブラウザ上で処理されます。画像の色が 5 色未満の場合、単色ベタ塗りの画像などでは、残りのスワッチは主要な色を明るくまたは暗くした段階的な色になります。画像は決してアップロードされません。

利用可能なエクスポート形式は？

パレットを単純な HEX リスト、CSS カスタムプロパティ（:root 変数）、Tailwind カラースニペット、JSON 配列、または Figma デザイントークン（トークンスタジオ形式）としてコピーできます。ドロップダウンで形式を選んで、「すべてコピー」をクリックします。コードやデザインツールにそのまま貼り付けられます。

パレットのPantone番号は確認できますか？

はい。5つのスワッチのそれぞれがHEXのコードと最も近いPANTONE Solid Coatedの一致（例：PANTONE 185 C）を表示します。Pantoneラベルをクリックしてコピーできます。一致は知覚的CIEDE2000の公式を使用しており、近似値sRGBの参照です。これは、Pantoneスポットインクがスクリーン値ではなく物理的に定義されているためです。

単語からパレットを生成できますか？

はい。気分の単語（たとえば夕焼け、オーシャン、サイバーパンク、または伝統的な韓国の五色であるオバンサエク）を気分のボックスに入力し、「モードから」をクリックします。ツールが認識する気分の単語は、対応する色調、彩度、明度の範囲を使用します。オバンサエクは 5 つの固定された伝統的な色を返します。ツールが認識しない単語でもパレットは生成されますが、その色は単語の意味とは関係ありません。

🎨 カラーパレットジェネレーター

アナログ、補色、三色などのハーモニー・モードを使って、美しい 5 色のカラーパレットを即座に生成できます。または、任意の画像からパレットを直接抽出するか、夕焼けなどの気分の単語からも生成できます。気に入った色をロックすると、残りのパレットはそれらを中心に作成され、HEX リスト、CSS 変数、Tailwind 設定、JSON、Figma トークンの形式でエクスポートできます。完全に無料で、アップロードやログイン不要でブラウザ上で動作します。無料の Coolors 代替品を探している場合は、Toolio のバージョンは完全に無料で、サインアップも不要です。

スペースキーを押して新しいパレットを生成してください。

はじめからプライベート. このツールはブラウザ上で完全に動作し、入力した内容はアップロードされず、オフラインでも使用できます。

概要

このツールでは、3 つの方法で 5 色のカラーパレットを作成できます。4 つのハーモニー・モード（ランダム、アナログ、補色、三色）から生成するか、夕焼け、オーシャン、サイバーパンクなどの気分の単語を入力してそのスタイルのパレットを得るか、選んだ画像から 5 つの主要な色を抽出します。画像はローカルでメディアンカット量子化処理され、すべての結果は画像内に実際に存在する色です。アップロードされることはありません。個々のカラースワッチをロックして、再生成時にも保持します。アナログ、補色、三色のモードでは、ロックされた最初のスワッチの色調を中心に、残りのパレットが作成されます。任意の HEX コードをコピーするか、必要に応じて全体のパレットをエクスポートできます。シンプルな HEX リスト、CSS カスタムプロパティ、Tailwind カラースニペット、JSON 配列、または Figma デザイントークンの形式で。すべてはブラウザ上で動作し、色や画像データがデバイスから外に出ることはありません。サーバーやアカウントも不要です。各スワッチには、最も近い PANTONE ソリッドコーテッドの番号（例 PANTONE 185 C）も表示されます。そのため、生成されたパレットや画像から抽出されたパレットは、印刷ワークフローに直接移行できます。

使い方

モードドロップダウンからハーモニー・モード（ランダム、アナログ、補色、三色）を選びます。
「生成」をクリックして（またはスペースキーを押して）、新しい 5 色のカラーパレットを作成します。
任意のスワッチのロックアイコンをクリックして、その色を保持します。他のスワッチはその色調を中心に再生成されます（ランダムモードではランダムのままです）。
スウォッチの「HEXをコピー」をクリックして、その色のHEXコードをクリップボードにコピーしてください。
「すべてコピー」を使って 5 色を一度にコピーし、デザインツールやコードで使用できます。隣で選んだエクスポート形式でコピーされます。
「画像から」をクリックして写真を選ぶと、ツールはその 5 つの主要な色をパレットに抽出します。すべてローカルで処理されます。
エクスポート形式（HEX リスト、CSS 変数、Tailwind、JSON、または Figma トークン）を選び、「すべてコピー」をクリックしてパレットをプロジェクトに配置します。
または、夕焼け、オーシャン、サイバーパンクなどの気分の単語を入力し、「モードから」をクリックしてそのスタイルのパレットを生成します。

よくある質問

このツールは無料で使えますか？: はい、完全無料です。サブスクリプション・アカウント・隠れた制限は一切ありません。ページを開いてすぐパレットを生成できます。
色データはサーバーにアップロードされますか？: いいえ。ツール全体がブラウザ内のJavaScriptで動作します。サーバーには何も送信されず、パレットデータはブラウザのlocalStorageにのみ保存されます。
カラーパレットジェネレーターはオフラインで使えますか？: はい。ページを一度読み込めば、完全オフラインで動作します。外部APIの呼び出しやCDNへの依存は一切ありません。
配色モードの違いは何ですか？: ランダムは 5 つの関係のない色調を選びます。アナログは色輪の 80° の範囲内で 20° ずつ離れた 5 つの色調を広げ、穏やかで統一された見た目になります。補色はベースの色調に近い 2 つのスワッチと、その反対側（170°、180°、190°離れた位置）に 3 つのスワッチを配置し、高コントラストになります。三色は 120° ずつ離れた色調を配置します。2 つのスワッチはベースの色調に近い位置に、2 つは +120° の位置に、1 つは +240° の位置に配置されます。すべてのモードで、彩度と明度は中程度の範囲内で変化します。色輪は HSL（画面用）の色輪であり、赤の補色は緑ではなくシアンです。
気に入った色を残したまま、残りだけを変えることはできますか？: はい。任意のスワッチのロックアイコンをクリックして、その色を保持します。ロックされたスワッチは生成時にスキップされます。アナログ、補色、三色のモードでは、他のスワッチは最初のロックされたスワッチの色調を中心に作成されます（グレーのスワッチは色調を持たず、この処理では無視されます）。そのため、パレットは好きな色を中心に調和された状態を保ちます。ランダムモードでは、スワッチはランダムのままです。パレットとロックはこのブラウザに保存されます。
画像からパレットを作成できますか？: はい。「画像から」をクリックして写真を選択します。ツールは写真を縮小し、メディアンカット量子化を使って類似したピクセルをグループ化し、明確に異なる 5 つの主要なグループを選び出します。各結果は画像内に実際に存在する色であり、平均値ではなく、暗い色から明るい色の順に並べられ、すべてはブラウザ上で処理されます。画像の色が 5 色未満の場合、単色ベタ塗りの画像などでは、残りのスワッチは主要な色を明るくまたは暗くした段階的な色になります。画像は決してアップロードされません。
利用可能なエクスポート形式は？: パレットを単純な HEX リスト、CSS カスタムプロパティ（:root 変数）、Tailwind カラースニペット、JSON 配列、または Figma デザイントークン（トークンスタジオ形式）としてコピーできます。ドロップダウンで形式を選んで、「すべてコピー」をクリックします。コードやデザインツールにそのまま貼り付けられます。
パレットのPantone番号は確認できますか？: はい。5つのスワッチのそれぞれがHEXのコードと最も近いPANTONE Solid Coatedの一致（例：PANTONE 185 C）を表示します。Pantoneラベルをクリックしてコピーできます。一致は知覚的CIEDE2000の公式を使用しており、近似値sRGBの参照です。これは、Pantoneスポットインクがスクリーン値ではなく物理的に定義されているためです。
単語からパレットを生成できますか？: はい。気分の単語（たとえば夕焼け、オーシャン、サイバーパンク、または伝統的な韓国の五色であるオバンサエク）を気分のボックスに入力し、「モードから」をクリックします。ツールが認識する気分の単語は、対応する色調、彩度、明度の範囲を使用します。オバンサエクは 5 つの固定された伝統的な色を返します。ツールが認識しない単語でもパレットは生成されますが、その色は単語の意味とは関係ありません。

過去29日間で35回実行されました。 結果がコピーまたはダウンロードされた：17% 当社のサーバーで測定した結果、2026-10-05–2026-11-03。