画像から色を選ぶ
写真のどこかをクリックしてカラーコードを取得し、パレットも確認できます。

画像は端末から出ません。 色はブラウザ内で読み取り、何もアップロードしません。
サンプル写真: Benjamin Chambon ・ Unsplash. 写真のどこかをクリックするか、自分の画像を使ってください。
選んだ色
#e26c34
HEX
#e26c34RGB
rgb(226, 108, 52)HSL
hsl(19, 75%, 55%)この色の上の文字
Aa6.4:1 · AA
Aa3.3:1 · 大きな文字のみ
パレット
色をクリックするとコピーできます。広告
画像から色を選ぶ方法
- 自分の画像を使う を押して写真を選ぶか、サンプル写真の上にドロップします。Ctrl+V で画像を貼り付けることもできます。
- 色を知りたい場所をクリックします。マウスでは、クリック前にルーペで正確なピクセルを確認できます。
- HEX・RGB・HSL のコードを横のボタンでコピーします。
パレット
写真の下に主な色が 5〜10 色表示されます。色をクリックするとコピーできます。鉛筆アイコンで色の置き換えや削除、+ で選んだ色の追加ができます。ダウンロード でパレットを PNG で保存し、パレットを保存 でこのブラウザに残せます。選んだ色の横には黒と白の文字を重ねた見本があり、コントラスト比と WCAG の読みやすさ基準を満たすか(AA は通常の文字で 4.5:1)がわかります。
よくある質問
はい。圧縮したプレビューではなく、画像の実際のピクセルから読み取ります。
#E26C34 のような HEX、RGB、HSL で、それぞれコピーボタン付きです。
いいえ。色はブラウザ内で読み取り、画像は端末から出ません。