• HTML 颜色


    HTML 颜色


    HTML 颜色由红色、绿色、蓝色混合而成。


    颜色值

    HTML 颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。

    种颜色的最小值是0(十六进制:#00)。最大值是255(十六进制:#FF)。

    这个表格给出了由三种颜色混合而成的具体效果:

    颜色值

    颜色(Color)颜色十六进制(Color HEX)颜色RGB(Color RGB)
      #000000 rgb(0,0,0)
      #FF0000 rgb(255,0,0)
      #00FF00 rgb(0,255,0)
      #0000FF rgb(0,0,255)
      #FFFF00 rgb(255,255,0)
      #00FFFF rgb(0,255,255)
      #FF00FF rgb(255,0,255)
      #C0C0C0 rgb(192,192,192)
      #FFFFFF rgb(255,255,255)

    尝试一下 »

    1600万种不同颜色

    三种颜色 红,绿,蓝的组合从0到255,一共有1600万种不同颜色(256 x 256 x 256)。

    在下面的颜色表中你会看到不同的结果,从0到255的红色,同时设置绿色和蓝色的值为0,随着红色的值变化,不同的值都显示了不同的颜色。

    Red LightColor HEXColor RGB
      #000000  rgb(0,0,0)
      #080000 rgb(8,0,0)
      #100000 rgb(16,0,0)
      #180000 rgb(24,0,0)
      #200000 rgb(32,0,0)
      #280000 rgb(40,0,0)
      #300000 rgb(48,0,0)
      #380000 rgb(56,0,0)
      #400000 rgb(64,0,0)
      #480000 rgb(72,0,0)
      #500000 rgb(80,0,0)
      #580000 rgb(88,0,0)
      #600000 rgb(96,0,0)
      #680000 rgb(104,0,0)
      #700000 rgb(112,0,0)
      #780000 rgb(120,0,0)
      #800000 rgb(128,0,0)
      #880000 rgb(136,0,0)
      #900000 rgb(144,0,0)
      #980000 rgb(152,0,0)
      #A00000 rgb(160,0,0)
      #A80000 rgb(168,0,0)
      #B00000 rgb(176,0,0)
      #B80000 rgb(184,0,0)
      #C00000 rgb(192,0,0)
      #C80000 rgb(200,0,0)
      #D00000 rgb(208,0,0)
      #D80000 rgb(216,0,0)
      #E00000 rgb(224,0,0)
      #E80000 rgb(232,0,0)
      #F00000 rgb(240,0,0)
      #F80000 rgb(248,0,0)
      #FF0000 rgb(255,0,0)

    灰暗色调

    以下展示了灰色到黑色的渐变

    Gray ShadesColor HEXColor RGB
      #000000  rgb(0,0,0) 
      #080808  rgb(8,8,8) 
      #101010  rgb(16,16,16) 
      #181818  rgb(24,24,24) 
      #202020  rgb(32,32,32) 
      #282828  rgb(40,40,40) 
      #303030  rgb(48,48,48) 
      #383838  rgb(56,56,56) 
      #404040  rgb(64,64,64) 
      #484848  rgb(72,72,72) 
      #505050  rgb(80,80,80) 
      #585858  rgb(88,88,88) 
      #606060  rgb(96,96,96) 
      #686868  rgb(104,104,104) 
      #707070  rgb(112,112,112) 
      #787878  rgb(120,120,120) 
      #808080  rgb(128,128,128) 
      #888888  rgb(136,136,136) 
      #909090  rgb(144,144,144) 
      #989898  rgb(152,152,152) 
      #A0A0A0  rgb(160,160,160) 
      #A8A8A8  rgb(168,168,168) 
      #B0B0B0  rgb(176,176,176) 
      #B8B8B8  rgb(184,184,184) 
      #C0C0C0  rgb(192,192,192) 
      #C8C8C8  rgb(200,200,200) 
      #D0D0D0  rgb(208,208,208) 
      #D8D8D8  rgb(216,216,216) 
      #E0E0E0  rgb(224,224,224) 
      #E8E8E8  rgb(232,232,232) 
      #F0F0F0  rgb(240,240,240) 
      #F8F8F8  rgb(248,248,248) 
      #FFFFFF  rgb(255,255,255) 

    Web安全色?

    数年以前,当大多数计算机仅支持 256 种颜色的时候,一系列 216 种 Web 安全色作为 Web 标准被建议使用。其中的原因是,微软和 Mac 操作系统使用了 40 种不同的保留的固定系统颜色(双方大约各使用 20 种)。

    我们不确定如今这么做的意义有多大,因为越来越多的计算机有能力处理数百万种颜色,不过做选择还是你自己。

    最初,216 跨平台 web 安全色被用来确保:当计算机使用 256 色调色板时,所有的计算机能够正确地显示所有的颜色。

    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
  • 相关阅读:
    打包spring项目遇到的坑 Unable to locate Spring NamespaceHandler for XML schema ……shcema/context 产生的原因及解决方法
    Mybatis 从入门到精通一:mybatis的入门
    IO流系列一:输入输出流的转换
    本地模拟 gitlab ci 的 demo 项目
    docker 容器中部署 Go 服务时,请求 https 文件时抛错
    微信支付『支付失败,如果已扣款,资金在0-3个工作日原路返回』踩坑案例及解决方案
    PHP 安装 扩展时 抛出 /usr/local/Cellar/php@7.1/7.1.25/pecl 异常解决
    SpringBoot2 引入 Aop
    Mac 下 IDEA 中 SpringBoot 如何利用 DevTool 开启热部署
    MySql数据库中敏感字段加密处理方案
  • 原文地址:https://www.cnblogs.com/wlming/p/6046969.html
Copyright © 2020-2023  润新知