画像から色を選ぶ

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

夕暮れの砂漠の谷に浮かぶオレンジ色の熱気球

画像は端末から出ません。 色はブラウザ内で読み取り、何もアップロードしません。

サンプル写真: Benjamin Chambon ・ Unsplash. 写真のどこかをクリックするか、自分の画像を使ってください。

選んだ色

#e26c34
HEX#e26c34
RGBrgb(226, 108, 52)
HSLhsl(19, 75%, 55%)

この色の上の文字

Aa6.4:1 · AA
Aa3.3:1 · 大きな文字のみ

パレット

色をクリックするとコピーできます。
    広告

    画像から色を選ぶ方法

    1. 自分の画像を使う を押して写真を選ぶか、サンプル写真の上にドロップします。Ctrl+V で画像を貼り付けることもできます。
    2. 色を知りたい場所をクリックします。マウスでは、クリック前にルーペで正確なピクセルを確認できます。
    3. HEX・RGB・HSL のコードを横のボタンでコピーします。

    パレット

    写真の下に主な色が 5〜10 色表示されます。色をクリックするとコピーできます。鉛筆アイコンで色の置き換えや削除、+ で選んだ色の追加ができます。ダウンロード でパレットを PNG で保存し、パレットを保存 でこのブラウザに残せます。選んだ色の横には黒と白の文字を重ねた見本があり、コントラスト比と WCAG の読みやすさ基準を満たすか(AA は通常の文字で 4.5:1)がわかります。

    よくある質問

    はい。圧縮したプレビューではなく、画像の実際のピクセルから読み取ります。