16進法カラーコードを高速で取得するwebツール!プレビュー機能付き

とは、ブラウザ上で簡単に色を取得できる無料webツールです。

「色を探すとき、Photoshopを立ち上げるのは、時間がかかってしんどい!」という触れ込みの通り、わざわざ色を選んだりするためだけに重たい画像ツールを開かなくても、ブックマークしておけばすぐに立ち上げて色を選べるのが一番の魅力です。

カラーコード取得ツール「WEBカラーピッカー」カラーコード取得ツール「WEBカラーピッカー」

 

画面はいたってシンプル。
右上の矩形内に現在選んでいる色が表示されていて、色を選ぶときは中央の細長いエリアで色相。左側の正方形のエリアで彩度と明度を調節して色を変えることができます。

マウスドラッグだけでなく、右下に用意されたテキストエリアに対応した値を手打ちで入れることが可能で、特定の数値から作られる色をチェックするのにも使えます。

また作った色の16進法カラーコードも生成されるので、webページデザイン、特にCSSを手打ちしているときにはコピペで色を入れられるので非常に便利です。

さらに、右側の「背景」ボタンを押すとページ全体の背景に、作った色を表示してプレビューすることができます。
表示面積による色の印象をチェックするのに使えます

そしてもうひとつ、「イイネ」ボタンを押すと一時的に作った色を右側に保存して表示できます
一度に複数の色を用意して一番いい色を選ぶこともできますし、同時に記録される黒と白の2色のカラーコードテキストを使って文字色と背景色のなじみをチェックするという使い方も可能です。

とにかくチャチャッと色がほしい時に非常に便利なwebツールです。

コメント