Greensleeves 2.0 / Archive / 2007-03 / 231309
Notes about XHTML, CSS, Flash, ActionScript, Javascript and I'm Interested in...
参照元サイトの HTML/CSS に記載されているカラーコードを取得することができる I Like Your Colors
今までビビッと来たデザインのサイトの色を調べるとき Opera にはカラーピッカーがないもんで、Firefox を立ち上げて調べてたんですが、一々見つけるたびに起動するのもなんだかなぁと思ってるときに見つけたサイトをご紹介。
There is a form at the bottom of this page that lets you choose any URL you want to extract colors from. The colors you see here are from the site that referred you to this page!
このサイトは参照元のサイトの HTML/CSS に記載されたカラーコードを拾ってきてくれます。もちろんフォームに URL を入れれば任意のサイトのカラーコードを調べることも可能。
しかし、@import 規則で参照されてる CSS に関してはチェックできないみたいです。当サイトでは外部 CSS(import.css) で @import 規則を使って、分割した CSS を読み込んでるので CSS のカラーコードは取得できません。残念でした。
Bookmarklet
Bookmarklet があればより効率的にチェックすることができます。簡単な奴ですが作ってみました。Firefox、Opera で動作します。IE、 Firefox、 Opera で動作確認しました。
Firefox なら Web Developer 等の拡張でもチェックできるみたいですが IE や Opera で済ます場合だとこれが一番の方法かなとか思ったりしました。
この記事に対するコメントはまだありません。