Use Hex Code for Specific Colors

你是否知道在 CSS 中还有其他表示颜色的方法?其中的一种方法称作 hexadecimal code(十六进制编码),简写为hex code。

我们通常使用decimals,也就是十进制数字,它对每一位数字使用符号0到9来表示。Hexadecimals(或hex)是十六进制数字,这意味着它使用十六个不同的符号。像十进制那样,符号 0-9 代表数值零到九,再使用 A、B、C、D、E、F 代表数值十到十五。合在一起,用 0 到 F 可以代表hexadecimal中的每一位数字,共为我们提供 16 个可能的数值。你可以在这儿找到更多关于十六进制数字的信息。

在 CSS 中,我们可以使用 6 位十六进制数字来表示颜色,每 2 位分别表示红色 (R)、绿色 (G) 和蓝色 (B) 成分。例如,#000000是黑色,同时也是可能的数值中最小的。你可以在这儿找到更多关于 RGB 颜色系统的信息。

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

1、要得到绝对的纯红色,你只需要在第一和第二位使用F(最大可能的数值),且在第三、第四、第五和第六位使用0(最小可能数值)。

2、要得到绝对的纯绿色,你只需要在第三和第四位使用F(最大可能的数值),且在其它位使用0(最小可能数值)。

3、要得到绝对的纯蓝色,你只需要在第五和第六位使用F(最大可能的数值),且在其它位使用0(最小可能数值)。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • FreeCodeCamp - HTML5 and CSS 发现原来在另外一台电脑学 FreeCodeCamp 的时...
    付林恒阅读 9,498评论 2 17
  • CSS 通过使用十六进制代码设置特定的颜色预览模式 你是否知道在 CSS 中还有其他表示颜色的方法?其中的一种方法...
    followyounger1阅读 931评论 0 1
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,281评论 19 139
  • 知识全面化、系统化是工作的基本要求,之后才是专业化。各个实验的背景知识,试验原理和具体操作方案同样重要。遇到问题分...
    尝试写小短文阅读 169评论 0 0
  • 是黄色的嫩黄嫩黄坐在山坡上在那个湖边 小房子没有窗户没有门呆呆得坐在山坡上在那个湖边 只有吃草的小羊过来偎了偎 还...
    葺宝阅读 144评论 0 1