Slop Colors · 無料、ブラウザーで

画像から色を取得する

写真、スクリーンショット、ロゴをドロップして、その上にポインターを合わせます。拡大鏡で点の下のピクセルが見え、クリックで色を取得できます。画像の主要な色も自動で求められます。

画像から色を取得する

手順

1. 画像をページにドロップするか、「画像を開く…」をクリックします（PNG、JPEG、WebP、GIF、SVG）。
2. 画像の上にポインターを動かすと、拡大鏡にピクセルと、その点の色が表示されます。クリックして色を取得します。スマートフォンでは指を離します。
3. キーボードでも操作できます。矢印キーで 1 ピクセルずつ、Shift と矢印キーで 10 ピクセルずつ移動し、Enter で色をパレットに追加します。
4. 「画像の主要な色」で、色とその割合を確認します。「検索する色数」で、パネルに表示する色の数を増減できます。
5. 「すべてをパレットに追加」をクリックし、「パレットをダウンロード」または任意の値の「コピー」をクリックします。

ファイルはこのデバイスに保存されたままです：Slop Colors はブラウザーで動作し、アップロードもアカウントも透かしも必要ありません。

よくある質問

主要な色はどのように求めていますか？

OKLab 色空間での k-means クラスタリングによります。乱数の初期値は固定されているため、同じ画像からは毎回同じ色が得られます。

取得した色は正確ですか？

はい。ピクセル自身の値です。非常に大きな画像は、最初に長辺 1600 ピクセルで表示されます。

画像はアップロードされますか？

いいえ。画像はお使いのブラウザーで読み込まれて描画され、このデバイスの外に出ることはありません。

Slop Colors でほかにできること

• WCAG に基づいて色のコントラストを確認
• 1 つの色から配色パレットを作成する
• HEX を RGB、HSL、OKLCH、CMYK に変換する

関連するアプリ

• PhotoSlop
  公開中
  Photoshopを、ブラウザー向けに作り直しました。
• SlopVector
  公開中
  Illustratorを、ブラウザー向けに作り直しました。
• SlopIsolate
  ベータ
  端末上で動くAIで、背景を除去します。