IT人材のためのキャリアライフスタイルマガジン

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

ツール・サービス

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

更新日時:

目次

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

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

    Colordrop

    coloring_concept

    リンク:「Colordrop

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

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

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

    リンク:「Colordrop

    関連タグ

    アクセスランキング