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

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

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

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

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

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

色見本

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

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

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

コメントを残す




関連記事

表示しながらCSSの編集が出来るFirebugの使い方
サイトの画像コピーや右クリックでの操作を禁止する方法
ワードプレステーマを変更せずにCSSを追加・管理する方法
Dreamweaverを超えた?無料で使える高性能htmlエディタBrackets
Bootstrapを採用しているhtmlテンプレート&テーマ
レスポンシブウェブサイトで必須!メディアクエリとブレイクポイントの仕組み
これは便利!グラデーションが簡単に作れるCSSジェネレーター
無料テーマPrinciple限定でのOGP設定方法(コードあり)
アイコン付きのフラットデザイン風ボタンを簡単に作れるツール「2.5dBUTTON」
ワードプレステーマのCSSに影響なくスタイルシートを変更出来るプラグイン
レスポンシブ・フレームワーク「Bootstrap」を使う際に便利なツール、アイコン、テンプレート
レスポンシブwebサイトを構築するためのポイント「viewport」とは
Bracketsでお薦めの拡張機能(エクステンション)と拡張機能のインストール・アンインストール方法
2014年春、人気のCSSフレームワーク フラットデザイン対応もあります
2014年春 お勧めのウェブアイコンフォント(web icon fonts)2種類!

Menu

HOME

 TOP