如何为基于HTML5和CSS3的网页使用十六进制颜色 - 虚拟人物

HTML5中的颜色是一件奇怪的事情。 “简单”的方式（颜色名称）原来有很多问题。大多数web开发人员 真正 使用的方法听起来困难很多，但并不像起初看起来那么糟糕。 十六进制颜色 方案使用看似奇怪的数字和字母组合来确定颜色值。是aqua。是黄色的。这是一个计算机科学家只能爱的计划。

<！十六进制颜色通过描述计算机正在做什么来工作，所以你必须更多地了解计算机如何处理颜色。屏幕上的每个点（或

像素 ）实际上由三束微小的光束组成。每个像素都有微小的红色，绿色和蓝色光束。光束像舞台灯一样工作。想象一下在同一个地点训练三个聚光灯（红色，绿色和蓝色）的黑色舞台。如果所有的灯都熄灭，舞台就完全黑暗。如果只打开红灯，就会看到红灯。你可以打开组合来获得新的颜色。 <！ - 2 - >

按数字颜色

在计算机系统中，每个小灯都可以调节到各种亮度级别。这些值从0到255测量。因此，您可以将红色描述为黄色。

0到255的值范围似乎很奇怪，因为你可能习惯了10个数学。计算机实际上以二进制表示法存储值。电脑看的方式，黄色其实是111111111111111100000000.确认！必须有一个更简单的方法来处理所有这些二进制值。这就是开发人员使用

十六进制表示法

的原因。

与用户交互的任何页面都倾向于使用编程语言。随意查看代码，但是如果您还没有准备好将编程添加到您的网站，请不要担心。

十六进制教育

所有的1和0都是单调乏味的。程序员喜欢转换成另一种更易于使用的格式。不管你信不信，把二进制数字转换成16位数比10位数更容易，这就是程序员所做的事情。如果不理解基数16（也称为

十六进制

）转换，您可以继续使用，但您应该了解几个关键特性，例如： 每个十六进制数字都是四位数的缩写。 程序员使用十六进制的全部原因是简化与二进制工作。

• 每个数字表示0到15之间的一个值。 四进制数字表示0到15之间的一个值。

• 我们必须发明一些数字。 十六进制看起来很奇怪的全部原因是包含字符。这是一个简单的原因：没有足够的数字来绕过！

• 十进制（基数10） 十六进制（基本16）

  0	0
  1	1
  2	2
  3	3 > 4
  4	5
  5	6
  6	7
  7	8
  8	9
  9	10
  A	11
  B	12
  C	13
  D	14
  E	15
  0-9与十进制中的十六进制数相同，但10-15（十进制）的值由十六进制的字母表示。	你已经习惯了将10的值看作等于双手手指的数量，但当你开始使用像我们这里所做的那样的编号系统时，情况并不总是如此。数字10仅仅意味着当前的基数。到现在为止，你可能从来没有使用任何基地，但基地十，但今天的变化。
  数字10是十位数，十位数是十位数，但是在二位数中，十位数是两位数。在基数8中，10表示8，而在基数16中，10表示16。这一点很重要，因为当你想用十六进制来谈论你手上的数字时，你不能使用熟悉的符号10，因为在十六进制中，十进制表示十六。你需要一位数来代表十位数字，所以计算机科学家通过借用信件将自己排除在这个混乱之外。 10是A，11是B，15是F.	如果这个数学理论让你头晕，不要担心。使用此方案可以创建出色的快捷方式。现在，虽然，这是你需要了解使用十六进制颜色：

一种颜色需要六个十六进制数字。一个像素需要三种颜色，每种颜色使用八位二进制数字。两个数字的六角形覆盖每种颜色。两位数字代表红色，两位代表绿色，最后两位代表蓝色。

十六进制颜色值通常以英镑符号开头。

要警告浏览器一个值是十六进制的，通常在前面加一个井号（#）。

使用十六进制颜色处理可能看起来非常疯狂和困难，但它有一些重要的优点：

精度：

• 使用此系统可为您提供大量的颜色。你无法自己拿出那么多颜色的名字。那么，你可以，但是到你完成的时候你会很老。 客观性：

• 十六进制值不是意见的问题。可能有一些关于哪一种颜色被焚烧的争论，但十六进制值是毫不含糊的。 可移植性：

大多数图形编辑软件都使用十六进制，因此您可以选择图像的任何颜色并立即获取其十六进制值。这可以很容易地找到你的猫眼睛的网上神龛的颜色。

• 可预测性： 在了解它的工作原理之后，可以使用任何十六进制颜色，并将其转换为稍暗，稍亮或多蓝的值。这与命名的颜色很难做到。

• 易用性： 这个看起来像是一个伸展点，但是在了解了网页安全的调色板之后，很容易就可以粗略地理解一个颜色，然后调整它，重新寻找。