ドラッグドロップで視覚的にサイト配色を変更できるツール「Colordrop」

ドラッグドロップで視覚的にサイト配色を変更できるツール「Colordrop」

Webサイトの配色を考えたい時に、Webディベロッパーツールを使うの方が多いと思います。でも変えたい箇所にカーソルを当て、CSSを見てカラーコードを変更するとなると、変更箇所が多い時に面倒ですよね。

そんな面倒な作業を「ドラッグ&ドロップ」だけで簡単にしてくれるツールを今回紹介します!

Colordrop

coloring_concept

リンク:「Colordrop

左に用意されたパレットから色を選び、それをドラッグ&ドロップで、色を変更したいターゲットに色を落とすと、その色がザーッと変更していきます。

背景色だけでなく、文字色にも使うことができるため、Webサイト全体の色を練り直したいときなど、簡単にしっくりくる配色を見つけ出すことができます。デモも用意されているので、リンク先のWebサイト上で試しに使ってみましょう。

是非、配色ツール「Colordrop」で、ステキなWebサイトを作ってみてください!

リンク:「Colordrop