色コード|色見本サイト一覧

シェアする

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

カスタマイズしている時に、htmlで色コードを指定します。その都度、調べるのは面倒ですよね。
色見本がわかりやすく記載されているサイトをまとめておこうと思います。

まず、これは、自分にも言い聞かせているのですが、最初の頃って、色変えるのが楽しくって(*^_^*)
ついつい、たくさんの色を使ってしまいます。

けど、やり過ぎると、見づらくなります。強調したいところだけ強調する。
ある程度、統一感を持たせて、全体的に少し抑え気味がいいです。

あまりやり過ぎると、センスを疑われます(^_^;) 目に優しくです。
カラーコード表を見ながらバランスを考えましょう。

スポンサーリンク

よく利用させて頂いてる色見本サイト一覧

素人の自分でもわかりやすい色見本サイトを紹介します。

原色大辞典

ブラウザで名前が定義されている140色の色名と16進数
とりあえず、ここから探してみます。一番使いやすいです。

原色・和色・洋色・ビビッド・パステル・モノトーン・メトロカラーとタブごとに分かれています。
色を見ているだけでも楽しいです。

色検索もあり、例えば 赤 って入力するだけで、派手な色から薄い色まで出てきます。便利です。

WEB色見本 原色大辞典 - HTMLカラーコード

http://www.colordic.org/

配色の見本帳|キーカラーで選ぶ配色パターン

こちらも見やすいです。色検索機能があります。
その色のカラー分析も載っていて参考になります。

配色の見本帳 キーカラーで選ぶ配色パターン

http://ironodata.info/

カラーコード一覧表

色見本と共に、下の方に、HTML,CSS 色の設定方法が掲載されていて参考になります。

HTML,CSS カラーコード一覧表 | 背景色や文字色の設定

http://www.netyasun.com/home/color.html

スポンサーリンク

シェアする

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

フォローする

トップへ戻る