写真に使われている色のカラーコードを調べる方法

アメブロをカスタマイズするときに、メニューバーの背景色を何にしたらいいか、迷ったことはありませんか?

そんなとき、ヘッダー画像に使われている色を使うと、違和感なくしっくりきます!

画像からカラーコードを調べられるお助け便利サイトをご紹介します。

 

イメージカラーピッカー

1.ウェブページ「イメージカラーピッカー」を表示する

イメージカラーピッカー

 

2.色を抽出したい画像を「ファイルを選択」欄をクリックして選択するか、または画像をドラッグ&ドロップする

色を抽出したい画像を表示

 

3.画像に使われている主な色が、下に表示されるので、一覧の中から選んでもOK!

画像に使われている色の一覧が表示される

 

4.画像の中から特定の場所の色を選びたい場合は、画像の中の調べたい部分をクリック

色を抽出したい画像の特定箇所をクリック

 

5.抽出された色のカラーコードが「メモした色の一覧」に表示される

抽出された色のカラーコードが表示される

 

6.調べたカラーコードを、メニューバーの背景色に設定

抽出した色をメニューバーの背景色に設定