HOME>グラデーション

kon`s produce webdesign lecture!
<<|グラデーション|マーカーを使用する3Dテーブル>>
   Lグラデーションの使い方
   Lグラデーション対応「色名表」
色名表



■グラーデーション対応 色名表

HTMLで色の指定は、たとえば黒なら「#000000」
など、
半角英数字であらわされます

このHTML色名表を扱ったサイトは多数あるのでグラーデーションの配色を考えるときの参考にすると良いでしょう。

しかし、殆どの色名表は色の明暗より数字の順番で表されているのでわかりにくいこともあります。

そこで、それならグラデーション用の色名表もつくっちゃおう!ということで、作ってみました。



#ffffff #ffffff #ffffff #ffffff #ffffff #ffffff
#ffd5f7 #ffd5d5 #ffeed5 #ffffd5 #eeffd5 #d5ffe6
#ffaaee #ffaaaa #ffddaa #ffffaa #ddffaa #aaffcc
#ff80e6 #ff8080 #ffcc80 #ffff80 #ccff80 #80ffb3
#ff55dd #ff5555 #ffbb55 #ffff55 #bbff55 #55ff99
#ff2bd5 #ff2b2b #ffaa2b #ffff2b #aaff2b #2bff80
#ff00cc #ff0000 #ff9900 #ffff00 #99ff00 #00ff66
#d500aa #d50000 #d58000 #d5d500 #80d500 #00d555
#aa0088 #aa0000 #aa6600 #aaaa00 #66aa00 #00aa44
#800066 #800000 #804d00 #808000 #4d8000 #008033
#550044 #550000 #553300 #555500 #335500 #005522
#2b0022 #2b0000 #2b1a00 #2b2b00 #1a2b00 #002b11
#000000 #000000 #000000 #000000 #000000 #000000
#ffffff #ffffff #ffffff #ffffff #ffffff
#d5fff7 #d5f7ff #d5d5ff #f7d5ff #e9e9e9
#aaffee #aaeeff #aaaaff #eeaaff #d4d4d4
#80ffe6 #80e6ff #8080ff #e680ff #bfbfbf
#55ffdd #55ddff #5555ff #dd55ff #aaaaaa
#2bffd5 #2bd5ff #2b2bff #d52bff #9f9f9f
#00ffcc #00ccff #0000ff #cc00ff #999999
#00d5aa #00aad5 #0000d5 #aa00d5 #6a6a6a
#00aa88 #0088aa #0000aa #8800aa #555555
#008066 #006680 #000080 #660080 #3f3f3f
#005544 #004455 #000055 #440055 #2a2a2a
#002b22 #00222b #00002b #22002b #151515
#000000 #000000 #000000 #000000 #000000


▼環境によって変わる表示
グラデーションもフォントもユーザーのPC環境によってはうまく表示されない場合があるので注意しよう。

フォントは、指定したフォントがインストールされていなければ代用のフォントで表示される。だから一般的でないフォントを使うときは注意が必要です。

グラデーションは、256色画面の環境だとうまく表示されません。256色で表現できない色は似た色におきかえられてしまうためこれも注意が必要です。

グラデーションや、フォントを正しく見せたいときは、画像を使うなどして工夫しましょう。

→次へ
プロの技!ウェブデザインの資料集
情報を伝えるコメントの書き方
マカの総合情報局 『maca.cc』



Eコマースのウェブページらしく、コメント部分の記述・スペースの空け方等が工夫されている。
縦に長すぎる記述が残念。文字の大きさ、ページ分割等を使えば良くなる。
不要な画像ロゴはフォントタグで代用したいところ。
ちなみに「右クリック画像コピー」が禁止するテクニックが使われているが、これはあまり意味がない。

nodata...
チュートリアルー第19回
グラデーションを使おう!2


前回は単語の文字ごとに色を変えてグラデーションをデザインしました。

今回はテーブルのセルごとに色を変えてみたいと思います。

@ナビゲーションのテーブルの罫線・枠線=0に。
左のセル背景を赤、右のセルになるほど白に近い色に設定します。

セル背景は<TD bgcolor="色名">で指定します。
色名は左の色名表を参考にしましょう。




topics
nodata...

HOME>グラデーション

kon`s produce All rights reserved

お問い合わせ





100MB無料ホームページ可愛いサーバロリポップClick Here!