学习HTML的一些关于颜色方面的参考_网页配色教程

[复制链接]
查看: 43|回复: 1
  • 慵懒
    2018-4-28 09:37
  • 发表于 2018-3-24 11:27:49 | 显示全部楼层 |阅读模式

    马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    在HTML里,颜色有两种表示方式。一种是用颜色名称表示,比如blue表示蓝色。另外一种是用16进制的数值表示RGB的颜色值。RGB是Red,Green,Blue意思,RGB每个原色的最小值是0,最大值是255,假如换算成16进制表示,就是(#00),(#FF)。比如白色的RGB(255,255,255),就用#FFFFFF表示;还有黑色的RGB(0,0,0),就用#000000表示。

    注:在W3C制定的HTML 4 .0标准中,只有16种颜色可以用颜色名称表示(aqua, black, blue, fuchsia, gray, green, lime, maroon , navy, olive, purple, red, silver, teal, white, and yellow),其它的颜色都要用16进制RGB颜色值表示。

    种不同的系统保留颜色。以下就是216种Web安全颜色:#这个符号。56种Web安全颜色呢?因为Microsoft和Mac操作系统有。

    当然 ,现在的浏览器支持更多的颜色名称。不过为保险起见,建议你还是采用16进制RGB颜色值来表示颜色。并且在值前加上#这个符号。

    为了方便大家找到合适的颜色 ,我们在这里列了一些颜色说明 ,以供大家参考 ,不妨作为一种速查工具 。

    Web安全颜色

    以前,很多电脑显示器最多支持256色,因此出现了216种Web安全颜色 ,以保证网页的颜色能够正确显示。

    以下就是216种Web安全颜色:000000表示。以保证网页的颜色能够正确显示。

    那为什么不是256种Web安全颜色呢?因为Microsoft和Mac操作系统有40种不同的系统保留颜色。

    green, lime, maroon, navy, olive!

    以下就是216种Web安全颜色 :

    #000000
    #000033
    #000066
    #000099
    #0000cc
    #0000ff
    #003300
    #003333
    #003366
    #003399
    #0033cc
    #0033ff
    #006600
    #006633
    #006666
    #006699
    #0066cc
    #0066ff
    #009900
    #009933
    #009966
    #009999
    #0099cc
    #0099ff
    #00cc00
    #00cc33
    #00cc66
    #00cc99
    #00cccc
    #00ccff
    #00ff00
    #00ff33
    #00ff66
    #00ff99
    #00ffcc
    #00ffff
    #330000
    #330033
    #330066
    #330099
    #3300cc
    #3300ff
    #333300
    #333333
    #333366
    #333399
    #3333cc
    #3333ff
    #336600
    #336633
    #336666
    #336699
    #3366cc
    #3366ff
    #339900
    #339933
    #339966
    #339999
    #3399cc
    #3399ff
    #33cc00
    #33cc33
    #33cc66
    #33cc99
    #33cccc
    #33ccff
    #33ff00
    #33ff33
    #33ff66
    #33ff99
    #33ffcc
    #33ffff
    #660000
    #660033
    #660066
    #660099
    #6600cc
    #6600ff
    #663300
    #663333
    #663366
    #663399
    #6633cc
    #6633ff
    #666600
    #666633
    #666666
    #666699
    #6666cc
    #6666ff
    #669900
    #669933
    #669966
    #669999
    #6699cc
    #6699ff
    #66cc00
    #66cc33
    #66cc66
    #66cc99
    #66cccc
    #66ccff
    #66ff00
    #66ff33
    #66ff66
    #66ff99
    #66ffcc
    #66ffff
    #990000
    #990033
    #990066
    #990099
    #9900cc
    #9900ff
    #993300
    #993333
    #993366
    #993399
    #9933cc
    #9933ff
    #996600
    #996633
    #996666
    #996699
    #9966cc
    #9966ff
    #999900
    #999933
    #999966
    #999999
    #9999cc
    #9999ff
    #99cc00
    #99cc33
    #99cc66
    #99cc99
    #99cccc
    #99ccff
    #99ff00
    #99ff33
    #99ff66
    #99ff99
    #99ffcc
    #99ffff
    #cc0000
    #cc0033
    #cc0066
    #cc0099
    #cc00cc
    #cc00ff
    #cc3300
    #cc3333
    #cc3366
    #cc3399
    #cc33cc
    #cc33ff
    #cc6600
    #cc6633
    #cc6666
    #cc6699
    #cc66cc
    #cc66ff
    #cc9900
    #cc9933
    #cc9966
    #cc9999
    #cc99cc
    #cc99ff
    #cccc00
    #cccc33
    #cccc66
    #cccc99
    #cccccc
    #ccccff
    #ccff00
    #ccff33
    #ccff66
    #ccff99
    #ccffcc
    #ccffff
    #ff0000
    #ff0033
    #ff0066
    #ff0099
    #ff00cc
    #ff00ff
    #ff3300
    #ff3333
    #ff3366
    #ff3399
    #ff33cc
    #ff33ff
    #ff6600
    #ff6633
    #ff6666
    #ff6699
    #ff66cc
    #ff66ff
    #ff9900
    #ff9933
    #ff9966
    #ff9999
    #ff99cc
    #ff99ff
    #ffcc00
    #ffcc33
    #ffcc66
    #ffcc99
    #ffcccc
    #ffccff
    #ffff00
    #ffff33
    #ffff66
    #ffff99
    #ffffcc
    #ffffff
    微软支持的颜色名称

    下面是微软IE4.0以上都支持的颜色名称:

    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
    发表于 2018-6-23 07:43:06 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

     
     
    技术支持
    在线客服
    售后交流群瑞恩社区™售后</font><br><span>交流
    工作时间:
    8:00-18:00
    客服热线:
    15368564009
    微信扫一扫
    返回顶部 关注微信 下载APP 返回列表