ツール ガイド
デザイン 無料 サインアップ不要

画像カラーパレット抽出ツール

画像をアップロードして主要な色を美しいパレットとして抽出します。

ツールを読み込み中…

このツールについて

任意の画像をドロップすると、メジアンカットアルゴリズムを使用して5〜8個の主要な色が即座に抽出されます。各カラースウォッチにはHEX、RGB、HSLの値が表示されます — 任意の値をクリックしてクリップボードにコピーできます。パレット用のすぐに使えるCSSカスタムプロパティスニペットが生成されます。

使い方

  1. 1 ステップ1:「画像をアップロード」をクリックするか、ツールに写真をドラッグ&ドロップしてください。
  2. 2 ステップ2:ツールがピクセルデータを分析し、主要なカラースウォッチを表示します。
  3. 3 ステップ3:スウォッチの任意のHEX、RGB、またはHSL値をクリックしてクリップボードにコピーしてください。
  4. 4 ステップ4:生成されたCSS変数スニペットを使用して、自分のプロジェクトにパレットを適用してください。

よくある質問

{# Alpine.js — self-hosted. (The previous jsdelivr CDN tag had a stale SRI integrity hash, so the browser refused to run it and window.Alpine was never defined — silently breaking every FAQ accordion and Alpine tool.) #}