HTML・CSS 色指定 - IT生活向上ブログ

HTML・CSS 色指定

htmlやcssで色を指定する場合、指定する値は色による指定とRBGによる指定があります。色指定の場合、「color : red」の様に指定します。
RGB指定の場合、先頭に「#」をつけ3桁または6桁の16進数字で指定します。

6桁の方が一般的と思われますので6桁の場合、先頭から2桁づつ、赤(Red)、緑(Green)、青(Blue)の明度を表し、00〜ffの16進数で指定する。 値が大きい程、明度が大きい(明るい)。
3桁指定の場合は、それが0〜fになるだけです。
cssではさらに「color : rgb(nnn,nnn,nnn)」のような指定が可能です。nnnは10進数。255(ff)を100%とした%指定もできたりします。

追記の表は、w3cでSVG colorとして定義があるもので、太字はhtmlのころから定義があるものです。
最近のブラウザはだいたいこの表の名前は、問題ないと思いますが、気になる方はrgb指定のがよいと思います。ほんとはcssで指定するのがよいが、htmlのbgcolorで指定してます。それぞれちゃんと表示されていれば、そのブラウザは該当する名前はサポートされています。
※小さい画面だと崩れちゃいますね。すみません。
色指定 rgb指定 色名 rgb値
    aliceblue #f0f8ff     antiquewhite #faebd7
    aqua #00ffff     aquamarine #7fffd4
    azure #f0ffff     beige #f5f5dc
    bisque #ffe4c4     black #000000
    blanchedalmond #ffebcd     blue #0000ff
    blueviolet #8a2be2     brown #a52a2a
    burlywood #deb887     cadetblue #5f9ea0
    chartreuse #7fff00     chocolate #d2691e
    coral #ff7f50     cornflowerblue #6495ed
    cornsilk #fff8dc     crimson #dc143c
    cyan #00ffff     darkblue #00008b
    darkcyan #008b8b     darkgoldenrod #b8860b
    darkgray #a9a9a9     darkgreen #006400
    darkkhaki #bdb76b     darkmagenta #8b008b
    darkolivegreen #556b2f     darkorange #ff8c00
    darkorchid #9932cc     darkred #8b0000
    darksalmon #e9967a     darkseagreen #8fbc8b
    darkslateblue #483d8b     darkslategray #2f4f4f
    darkturquoise #00ced1     darkviolet #9400d3
    deeppink #ff1493     deepskyblue #00bfff
    dimgray #696969     dodgerblue #1e90ff
    firebrick #b22222     floralwhite #fffaf0
    forestgreen #228b22     fuchsia #ff00ff
    gainsboro #dcdcdc     ghostwhite #f8f8ff
    gold #ffd700     goldenrod #daa520
    gray #808080     green #008000
    greenyellow #adff2f     honeydew #f0fff0
    hotpink #ff69b4     indianred #cd5c5c
    indigo #4b0082     ivory #fffff0
    khaki #f0e68c     lavender #e6e6fa
    lavenderblush #fff0f5     lawngreen #7cfc00
    lemonchiffon #fffacd     lightblue #add8e6
    lightcoral #f08080     lightcyan #e0ffff
    lightgoldenrodyellow #fafad2     lightgreen #90ee90
    lightgrey #d3d3d3     lightpink #ffb6c1
    lightsalmon #ffa07a     lightseagreen #20b2aa
    lightskyblue #87cefa     lightslategray #778899
    lightsteelblue #b0c4de     lightyellow #ffffe0
    lime #00ff00     limegreen #32cd32
    linen #faf0e6     magenta #ff00ff
    maroon #800000     mediumaquamarine #66cdaa
    mediumblue #0000cd     mediumorchid #ba55d3
    mediumpurple #9370db     mediumseagreen #3cb371
    mediumslateblue #7b68ee     mediumspringgreen #00fa9a
    mediumturquoise #48d1cc     mediumvioletred #c71585
    midnightblue #191970     mintcream #f5fffa
    mistyrose #ffe4e1     moccasin #ffe4b5
    navajowhite #ffdead     navy #000080
    oldlace #fdf5e6     olive #808000
    olivedrab #6b8e23     orange #ffa500
    orangered #ff4500     orchid #da70d6
    palegoldenrod #eee8aa     palegreen #98fb98
    paleturquoise #afeeee     palevioletred #db7093
    papayawhip #ffefd5     peachpuff #ffdab9
    peru #cd853f     pink #ffc0cb
    plum #dda0dd     powderblue #b0e0e6
    purple #800080     red #ff0000
    rosybrown #bc8f8f     royalblue #4169e1
    saddlebrown #8b4513     salmon #fa8072
    sandybrown #f4a460     seagreen #2e8b57
    seashell #fff5ee     sienna #a0522d
    silver #c0c0c0     skyblue #87ceeb
    slateblue #6a5acd     slategray #708090
    snow #fffafa     springgreen #00ff7f
    steelblue #4682b4     tan #d2b48c
    teal #008080     thistle #d8bfd8
    tomato #ff6347     turquoise #40e0d0
    violet #ee82ee     wheat #f5deb3
    white #ffffff     whitesmoke #f5f5f5
    yellow #ffff00     yellowgreen #9acd32



カテゴリ:HTML・CSS
タグ:CSS HTML

PR:
手数料無料、スプレッドは1銭から、レバレッジ400倍選択可能、「みんなのFX」
芸能人もびっくり!即効ダイエットなら骨盤ウォーカーベルト
【業界初】保有ポジションのレバレッジ変更機能

人気ブログランキング あとで読む
posted by wing at 2009/02/02 20:17 | Comment(0) | TrackBack(0) | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。