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サイトの配色を考える上でとても役立つジェネレーターですね。

関連記事

  1. Web Service

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

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

  2. Hex Preview

    Web Service

    カラーコード(HEX値)を入力して色のプレビューを確認できる「Hex Preview」

    Hex Previewという便利なサービスを発見したのでメモがてらご紹…

  3. Web Service

    あとで読むiPhoneアプリ「Read It Later」の基本的な設定や簡単な使い方

    あとで読むためのiPhoneアプリ「Read It later」が流行…

  4. 目覚まし時計

    Web Service

    朝起きるのに便利!Macで指定した時間にアラームを鳴らしてくれるアプリ「目覚まし時計」

    Macで目覚まし時計をセットしたくてアプリを探していたらよさそうなのが…

  5. Web Service

    好きな色、パターン、グラデーション、背景画像などを探せる「ColRD」

    好きな色、パターン、グラデーション、背景画像なんかを探すことができる「…

コメント

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

  1. 2013年 3月 20日

最近の記事

  1. Anker PowerCore Lite 20000
  2. ネクスタイム
  3. フォールドオーバーポーチ
  4. 田沢湖
  5. ハクバ シリコンクロス

Instagram始めました

Facebookページ

アーカイブ

PAGE TOP