デザイン全般で使えるweb色見本

ウェブでサイト色を検討する際に参考にしているサイトの覚え書きです。

このサイトの良い所はブラウザで名前が定義されている140色が色名と16進数で表示されている所はもちろんですが、それとは別に和色や洋色、web216、パステルカラー、ビビッドカラー、メトロカラーと使う用途によって色表示がされている部分が便利です。

例えばサイトで和を意識したサイトを作成する場合や、パステル系のサイトにしたい場合などに使う色の参考になります。

また、色の表示が16進数だけではなく、RGB表記やCMYK表記、Lab色空間、HSB色空間の値や色相、明度、彩度も表示しているのでフォトショップやイラストレーターを使っているデザイン系の方にもお勧めです。

例えば「darkcyan」のページを見てみると次のように表示されます。

色見本

情報が多いのでいろんなときに使えます。

ついでに色表示の意味を掲載しておきます。

  • Pocket
  • このエントリーをはてなブックマークに追加

コメントを残す




関連記事

Dreamweaverを超えた?無料で使える高性能htmlエディタBrackets
OGPにおける記述方法の勘違いと修正方法(2015年春時点での最新情報?)
2014年春、人気のCSSフレームワーク フラットデザイン対応もあります
レスポンシブ・フレームワーク「Bootstrap」を使う際に便利なツール、アイコン、テンプレート
サイトの画像コピーや右クリックでの操作を禁止する方法
表示しながらCSSの編集が出来るFirebugの使い方
アイコン付きのフラットデザイン風ボタンを簡単に作れるツール「2.5dBUTTON」
これは便利!グラデーションが簡単に作れるCSSジェネレーター
レスポンシブサイト構築に便利なCSSフレームワーク、グリッドデザイン搭載の「HTML KickStart」
ワードプレステーマのCSSに影響なくスタイルシートを変更出来るプラグイン
レスポンシブウェブサイトで必須!メディアクエリとブレイクポイントの仕組み
レスポンシブwebサイトを構築するためのポイント「viewport」とは
サイト構造と被リンクの確認が無料で出来るツール「AdMatrix Analytics」
鮮やかな背景をCSSで表現できるウェブツール これはかなり使えます!
webデザインのグリッドレイアウト作成に使える無料ツール

Menu

HOME

 TOP