画像からブランドカラーを抽出する方法
所要時間: 約10秒完全無料
Webサイトや資料のデザインで「あのブランドの色は何コードだろう？」と思ったことはありませんか。JobDoneBotのカラーピッカーなら画像をドロップしてクリックするだけで、HEXやRGBのカラーコードを一瞬で取得できます。
手順
- 1
カラーピッカーツールを開く
JobDoneBotのカラーピッカーページにアクセスします。
- 2
ロゴや画像をドロップする
カラーコードを調べたい画像をドラッグ&ドロップします。
- 3
取得したい色の部分をクリックする
画像上で目的の色をクリックすると、その位置のカラーコード（HEX・RGB）が表示されます。
ヒント: ズームして正確な位置をクリックすると、より正確な色を取得できます。
- 4
カラーコードをコピーする
表示されたカラーコードをクリックしてクリップボードにコピーします。CSSやデザインツールにそのまま貼り付けられます。
完了
画像上の任意の色のHEX/RGBカラーコードが手に入ります。
よくある質問
- Q. HEXとRGB両方取得できますか？
- はい。HEX、RGB、HSLの各形式でカラーコードを同時に表示します。
- Q. スクリーンショットからも色を取得できますか？
- はい。スクリーンショットを画像として保存し、ドロップすれば任意の色を取得できます。