入力したデータはサーバーに送信されますか？

いいえ。画像カラーピッカーはすべての処理をお使いのブラウザ内で完結させます。入力内容がサーバーに送信されたり保存されたりすることはありません。

WCAG（ウェブアクセシビリティ）基準に準拠していますか？

コントラスト比のツールはWCAG 2.1基準（AA:4.5:1、AAA:7:1）を参照しています。デザインのアクセシビリティ対応にご活用ください。

カラー無料登録不要

画像カラーピッカー

画像をアップロードしてクリックした位置の色コード（HEX/RGB/HSL）を取得。写真やデザインからの色抽出に最適な無料オンラインカラーピッカー。

Harmony:

or press Space

#56C6D7

#9ED864

#8F4FCF

#815FD8

#27B97A

#56C6D7

rgb(86, 198, 215)

#9ED864

rgb(158, 216, 100)

#8F4FCF

rgb(143, 79, 207)

#815FD8

rgb(129, 95, 216)

#27B97A

rgb(39, 185, 122)

FAQ

よくある質問

Chrome、Safari、Firefox、Edgeなど主要モダンブラウザの最新版で動作確認しています。Internet Explorerや極端に古いバージョンは対象外です。

バリエーション

こちらもおすすめ

アクセシブルカラー生成

WCAG 2.1のコントラスト比基準（AA/AAA）を満たす色の組み合わせを自動生成。アクセシビリティ対応のWebデザインに。無料オンラインカラーツール。

HEXからパレット生成

HEXカラーコードから補色・類似色・トライアドのカラーパレットを自動生成する無料オンラインツール。

テキストからカラー抽出

CSSやコードからHEX・RGB・HSL等のカラー値を自動抽出してパレット表示。デザイン作業の色確認に便利な無料オンラインツール。

パステルカラー生成

HEXカラーからパステル版を生成する無料オンラインツール。

CMYK→HEX変換

CMYKカラー値をHEXに変換する無料オンラインツール。

コントラスト比チェッカー

文字色と背景色のコントラスト比をWCAG 2.1基準（AA/AAA）でチェック。アクセシビリティ準拠の色選びに。無料オンラインツール。

読み込み中...

画像カラーピッカー

よくある質問

関連バリエーション

こちらもおすすめ

画像カラーピッカー

よくある質問

関連バリエーション

こちらもおすすめ