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

ヘッダーに使われているカラーコードを調べる方法

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

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

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

 

イメージカラーピッカー

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

イメージカラーピッカー

 

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

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

 

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

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

 

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

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

 

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

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

 

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

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

 

ABOUTこの記事をかいた人

パソコン教室に8年勤務後に独立、2012年6月から自宅にて【ぴんぽいんとパソコン教室】をスタート。おうちサイズで起業をする女性を、パソコン&スマホという分野からサポートできるよう、日々アンテナを張って新しい情報を仕入れ勉強中。ちょっと変わった変なものが好きなB型。趣味はカエル雑貨収集とフィギュアスケート観戦(ちょっと滑れます)。