Web Service

Webサイトの配色を決めてくれる他にもその配色を使ったデモサイトも確認できるジェネレーター「Color Scheme Designer 3」

とても便利なジェネレーターを見つけたのでご紹介します。Color Scheme Designer 3というWebサイトの配色を決めてくれるジェネレーターなんですが、ただ配色を決めてくれるだけではなくて、その配色を使った実際のデモサイトも確認することができます。その配色を使うとどういう風になるのか具体的にイメージしやすいのでかなり助かりますね。

[ads_center]

使い方

左側にある色相環からベースとなる好きな色を選択すると、右側にその色をベースにした配色が表示されます。

Color Scheme Designer 3

各色にマウスのカーソルを乗せるとその色の値が表示されます。これだけでも普通に便利ですね。で、個人的に気に入ったのが右下にある「Light page example(またはDark page example)」から実際にその配色を使った場合のデモサイトを見れることです。

その配色のデモサイトを見れる

こんな感じで。

実際の例

どういうサイトの印象になるのか一瞬で分かるのでかなり便利かと思います。

また、このようにサブカラーも追加したりすることもできます。左上にあるアイコンから選択することができます。

サブカラーも追加できる

Webサイトの配色を考える上でとても役立つジェネレーターですね。

Lightroomで画像の切り抜きLightroomで画像を簡単に切り抜くやり方前のページ

横からサイドメニューが現れるjQueryプラグイン「Sidr」次のページSidr

関連記事

  1. Web Service

    コピペチェックツールに最適!テキスト比較でどこが違うか発見できる「difff《デュフフ》」

    これはコピペチェックツールとして最適ですね。2つの文章を比較してどこが…

  2. FRAME

    Web Service

    iPhoneやMacにスクリーンショットを埋め込んで画像作成できるツール「FRAME」

    FRAMEというとても便利なツールを使ってみました。iPhone、iP…

  3. Web Service

    文字をペーストするだけで文字数をカウントしてくれるChrome拡張機能「文字数カウンタ」

    何気に入れておけば便利かと思ったのでインストールしてみました。文字をペ…

  4. Web Service

    iPhoneスクリーンショットで上部のステータスバーを削減してくれるMacアプリ「Status Ba…

    便利そうなアプリを発見したのでご紹介。主にブロガー向けツールかなと思い…

  5. Web Service

    Macでテキストをコピーした際にプレーンテキストにしてくれるアプリ「FormatMatch」

    Macでテキストなどをコピーしてエバノートなんかに貼り付けると余計な装…

  6. Web Service

    iPhoneで撮影した写真の個人情報などにモザイクや黒の塗りつぶしで隠すことができるアプリ「hide…

    iPhoneで撮影した写真で顔やメールアドレスなどの個人情報が写ってい…

コメント

  1. この記事へのコメントはありません。

  1. 2013年 3月 20日

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP