zoukankan      html  css  js  c++  java
  • 网页设计必备工具16进制颜色值对照表

    十六进制颜色值的含义与定义方法
    在很多软件中,都会遇到设定颜色值的问题,初学者往往不理解颜色是如何与一串数字和字母对应的。这里我们就来简单介绍一下。

    人的眼睛看到的颜色有两种:
    1. 一种是发光体发出的颜色,比如计算机显示器屏幕显示的颜色;
    2. 另一种是物体本身不发光,而是反射的光产生的颜色,比如看报纸和杂志上的颜色。

    我们又知道任何颜色都是由三种最基本的颜色叠加形成的,这三种颜色称为“三原色”。
    1. 对于上面提到的第一种颜色,即发光体的颜色模式,又称为“加色模式”,三原色是“红”、“绿”、“蓝”三种颜色。加色模式又称为“RGB模式”;
    2. 而对于印刷品这样的颜色模式,又称为“减色模式”,它的三原色是“青”、“洋红”、“黄”三种颜色。减色模式又称为“CMY”模式。

    理解了上述原理,我们就可以集中到常用于屏幕显示的RGB模式上了。

    例如,在网页上要指定一种颜色,就要使用RGB模式来确定,方法是分别指定R/G/B,也就是红/绿/蓝三种原色的强度,通常规定,每一种颜色强度最低为 0,最高为255,并通常都以16进制数值表示,那么255对应于十六进制就是FF,并把三个数值依次并列起来 ,以#开头。

    例如,颜色值“#FF0000”为红色,因为红色的值达到了最高值 FF(即十进制的255),其余两种颜色强度为0。在例如“#FFFF00”表示黄色,因为当红色和绿色都为最大值,且蓝色为0时,产生的就是黄色。

    到这里,我们就清楚了常用的颜色的表达方法了。例如在HTML语言规范中定义,可以通过两种方式指定颜色。
    1. 一种方式是以定义好的颜色名称表示,具体的颜色名称针对不同的浏览器也有所不同。
    2. 另一种方式通过一个以“#”开头的6位十六进制数值表示一种颜色。 6位数字分为3组,每组两位,依次表示红、绿、蓝三种颜色的强度。

    在RGB 颜色模式, 颜色由表明代表多少各成份红色, 绿色, 和蓝色应该包括在它。每个可能与极小值(没有颜色) 不同对最大值(充分的强度) 。当所有颜色是在最低值, 被显示的颜色然后将是黑的。并且当所有颜色是在他们的最大值然后被显示的颜色将是白色的。但是, 一个缠扰不清的方面在RGB 颜色模式是, 所有这些颜色可能代表以各种各样的方法。

    颜色科学描述颜色在范围0.0 到1.0 (极小值对最大值) 。颜色惯例的多数采取这些价值代表颜色变异。例如, 1.0, 0.0, 0.0 代表充分的强度红色。
    代表颜色价值其它方法是由使用百分比从0% 到100% (极小值对最大值) 。这同一样以上说的方法, 改变从范围0.0 到1.0, 简单地倍增数字与100 。
    颜色价值可能并且代表作为数字范围从0 到255 。这类型数字代表由计算机程序设计者广泛实施存放各颜色价值在一个8位字节。充分的强度红色代表作为255, 0, 0 。
    同样范围, 0 到255 和, 十六进制数在这个范围通常被写以一个固定的两位数格式, 代表它并且代表在十六进制, 在某些情况下前缀(象#) 。被写和# ff 的充分的强度红色, # 00, # 00 。这可能被收缩象# ff0000 。
    16 位方式

    JavaMe 中Graphics,setColor方法中的参数是0x+十六进制方式的表达的颜色。

    原图较大已缩略显示,点击查看原始尺寸高清图片。


    原图较大已缩略显示,点击查看原始尺寸高清图片。


    原图较大已缩略显示,点击查看原始尺寸高清图片。

    相关

    以下就是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)
  • 相关阅读:
    第十一章、集合
    第十章、正则表达式
    第九章、常用类
    第八章、面向对象高阶
    第七章、面向对象初识
    第六章、数组
    第五章、循环结构
    第四章、分支结构
    第三章、Java变量与数据类型
    Linux安装MySQL5.7(CentOS)
  • 原文地址:https://www.cnblogs.com/dudu837/p/1905476.html
Copyright © 2011-2022 走看看