OneKitTools logoOneKitTools
画像に戻る

カラーパレット抽出

HEX、RGB、HSLで主要色を抽出し、CSS、SCSS、Tailwind、JSONにエクスポート

カラーパレット抽出 について

画像から主要色を抽出し、HEX、RGB、HSL、CSS、SCSS、Tailwind、JSONとしてパレットをエクスポートします。

カラーパレット抽出 の使い方

  1. 1画像をアップロード — 主要色が自動的に抽出されます。
  2. 2パレットサイズを調整します(無料:3〜6色、Starter以上:最大12色)。
  3. 3色をクリックしてHEX値をコピーします。
  4. 4Starter以上:フルパレットをCSS変数、SCSS、Tailwind、JSONとしてエクスポートします。

ヒント

  • 参照写真からブランドカラースキームを作成するのに抽出ツールを使用してください。
  • 色数の少ない写真(ロゴ、フラットイラスト)はよりクリーンなパレットを生成します。
  • Tailwindエクスポートは設定ファイルで直接使用可能なキーを生成します。

関連ツール

関連ガイド

OneKitTools チーム更新日 2.21.4