任意の画像から色を選択します。即座に100%無料です。

アップロード、ペースト、またはURLを入力して、HEX、RGBなどで色を抽出します。

画像

Color picker

Loading image...

カラーパレット

ボタンをクリックしてパレットを抽出します

自分のイメージを使う

データ保護は重要だと考えています。データは送信されません。魔法はブラウザで起こります。

色の詳細

Reference color cardsLower ΔE means a closer visual match
色の詳細を表示する

特徴

インスタントカラーピッキング

ピクセルレベルの精度で任意の画像から色を選択します。

🎨

パレット生成

支配的な色の調和のとれたパレットを抽出します。

📋

複数の形式

ワンクリックでHEX、RGB、HSLの値をコピーします。

🔒

プライバシー第一

すべての処理はブラウザでローカルに行われます。

~の使い方

1

画像をアップロードまたは貼り付ける

デバイス、クリップボード、またはURLから画像をロードします。

2

クリックして色を選ぶ

画像上の任意の場所をクリックして色を選択します。

3

フォーマットをコピーしてエクスポートする

HEX/RGB/HSL値をコピーし、ワークフローで使用します。

ユースケース

ウェブデザイン

アクセス可能で一貫したカラーシステムを構築します。

ブランド化

ロゴから色を抽出し、ブランドパレットを作成します。

UI/UX

インターフェイスのコントラストと視覚的な一貫性を検証します。

開発;開発

色値をコピーし、コードに直接貼り付けます。

よくある質問

これはオフラインで機能しますか?

はい。すべての処理はクライアント側であり、ロード後はオフラインで動作できます。

私の画像を保存していますか?

イメージはローカルに処理され、サーバーにアップロードされることはありません。

どの形式がサポートされていますか?

HEX、RGB、およびHSL形式がサポートされています。

複数の色を抽出できますか?

はい。パレット抽出器を使用して支配的な色を生成します。

アクセシビリティはサポートされていますか?

生成された色を使用して、他の場所でコントラストをテストできます。

どのような画像タイプをアップロードできますか?

ブラウザでサポートされている一般的な画像タイプ。

クリップボードから画像を貼り付けてもいいですか?

はい。[貼り付け]タブを使用し、[画像貼り付け]ボタンをクリックします。

画像サイズに制限はありますか?

大きな画像の処理に時間がかかる場合がありますが、サポートされています。

他のサイトのURLを使用できますか?

はい。直接画像URLを入力します。CORSの制限が適用される場合があります。

ピッカーの正確さはどれくらいですか?

前記ピッカは、前記レンダリング画像から正確な画素値を読み出す、

色を選び始める

画像をアップロードして、正確な色値を即座に取得します。