ディスプレイ画面から色を採取する方法

ディスプレイ画面から色を採取する方法についての覚書です。

spoitkun07

ディスプレイ画面の一部分から色を採取し、表のタイトルの背景に色をつけることを考えます。

supoito01

とりあえず、ヘッダー画像から色を採取してみます。

spoitkun02

色の採取に使うツールは「すぽいと君」。色を採取したい場所にカーソルを合わせ、

spoitkun03

スペースキーをクリックすると、色が固定化されます。

spoitkun04

色の番号の部分をクリックすると、その番号がクリップボードにコピーされます。

spoitkun05

CSS編集等で背景色を変更してみたところです。

spoitkun06

今度はブログの背景から色を採取してみます。

spoitkun07

こんな感じになります。

spoitkun08

さらに採取した色をもとに「Inkscape」等で背景用の画像を作成し、

spoitkun09

CSS編集等で上記の画像を背景に設定すると、以下のようになります。

spoitkun10

#2011