美文网首页
16进制颜色

16进制颜色

作者: Gorden_x | 来源:发表于2017-08-17 15:51 被阅读0次

    1.我们通常使用 decimals,也就是十进制数字,它对每一位数字使用符号0到9来表示。Hexadecimals (或 hex)是十六进制数字,这意味着它使用十六个不同的符号。像十进制那样,符号 0-9 代表数值零到九,再使用 A、B、C、D、E、F 代表数值十到十五。合在一起,用 0 到 F 可以代表 hexadecimal 中的每一位数字,共为我们提供 16 个可能的数值
    在 CSS 中,我们可以使用 6 位十六进制数字来表示颜色,每 2 位分别表示红色 (R)、绿色 (G) 和蓝色 (B) 成分。例如,#000000 是黑色,同时也是可能的数值中最小的

    0 是 hex code(十六进制编码)中最小的一个,它代表颜色的完全缺失。
    F 是 hex code(十六进制编码)中最大的一个,它代表最大可能的亮度。

    2.Hex code 遵循 red-green-blue(红-绿-蓝),或者叫 rgb 格式。hex code 中的前两位表示颜色中红色的数量,第三四位代表绿色的数量,第五六位代表蓝色的数量。

    所以要得到绝对的纯红色,你只需要在第一和第二位使用 F (最大可能的数值),且在第三、第四、第五和第六位使用 0 (最小可能数值)。
    红色:#FF0000 黑色:#000000 蓝色:#0000FF 灰色:#808080
    绿色:#00FF00 白色:#FFFFFF 橙色:#FFA500 深灰:#111111

    3.许多人对超过 1600 万种颜色感觉十分地抓狂,并且 hex code 非常难以记忆。幸运的是,你可以缩短它。
    例如,红,hex code 是 #FF0000 ,可被缩写成 #F00。也就是说,一位表示红,一位表示绿,一位表示蓝。
    这会把所有可能的颜色数减少至大约 4000 种,但是浏览器会把 #FF0000 和 #F00 解释为完全相同的颜色。

    4.在 CSS 中表示颜色的另一个方法是使用 rgb 值。
    代表黑色的 RGB 值看起来是下面的样子:
    rgb(0, 0, 0)
    代表白色的 RGB 值看起来是下面的样子:
    rgb(255, 255, 255)

    使用 rgb,你通过 0 至 255 之间的一个数字来指定每种颜色的亮度,而不是像 hex code 那样使用六个十六进制数字。
    黑色:
    <style>
    body {
    background-color: rgb(0,0,0);
    }
    </style>
    白色:rgb(255,255, 255) 红色:rgb(255, 0, 0) 绿色:rgb(0, 255, 0)
    蓝色:rgb(0, 0, 255); 橙色:rgb(255,165,0)

    相关文章

      网友评论

          本文标题:16进制颜色

          本文链接:https://www.haomeiwen.com/subject/vrqnrxtx.html