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

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

spoitkun07

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

supoito01

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

spoitkun02

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

spoitkun03

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

spoitkun04

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

spoitkun05

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

spoitkun06

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

spoitkun07

こんな感じになります。

spoitkun08

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

spoitkun09

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

spoitkun10

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。