IT技术博客大学习 共学习 共进步

十六进制HTML颜色

标点符 2010-04-26 11:14:06 浏览 3,402 次

网页颜色在 HTML 中用十六进制记数法或名称来指定。

使用十六进制记数法,要表述颜色的第一个方法是指定要混合的三原色中每一种色彩的量。 通过指定红、绿、蓝的三原色组合,您可以构造出任何颜色。

十六进制代码中每六位数代表一个最终颜色值。

  • #XXxxxx - 红色值
  • #xxXXxx - 绿色值
  • #xxxxXX - 蓝色值

每种颜色的量指定为两位十六进制数。 这意味着没有该颜色为 00,而全是该颜色为 FF。共有 216 个颜色,它们能在任何至少显示 256 个颜色的系统上给出相同的显示。 这些颜色分别由各颜色的 0%、20%、40%、60%、80% 和 100% 与其他各颜色的所有这些百分比混合形成的。 例如,如果您将 20% 的红色、80% 的绿色和 40% 的蓝色结合,就会生成有一些蓝色和少许红色的深绿色。

在本表中显示与那些百分比等值的十六进制值。

颜色百分比 十六进制值
0 00
20 33
40 66
60 99
80 CC
100 FF

要使用十六进制值来生成颜色,您需要在这些值之前加上 # 号来表示它们是十六进制的。 例如,要得到 20% 的红色、80% 的绿色和 40% 的蓝色,应写为 #33CC66。 您可以使用 216 种安全颜色以外的颜色,但是它们在不同浏览器上的显示可能会不同。

这是常用颜色的代码。

颜色 十六进制代码
白色 #FFFFFF
黑色 #000000
蓝色 #0000FF
绿色 #008000
红色 #FF0000
黄色 #FFFF00
Aqua #00FFFF
灰色 #BEBEBE
酸橙色 #00FF00
海军蓝 #000080
紫红色 #800080
银色 #C0C0C0
栗色 #800000
橄榄色 #808000
凫蓝 #008080

您可以通过以下网址了解关于网页上的颜色和十六进制记数法的详情。

http://www.w3.org/MarkUp/Guide/Style.html

建议继续学习

  1. 50个活力和动感的网页设计-颜色的灵感 (阅读 34,302)
  2. 分享一个JQUERY颜色选择插件 (阅读 14,062)
  3. 色轮,用科学解释艺术 (阅读 10,241)
  4. colortail,让 tail 命令绚丽起来 (阅读 10,101)
  5. jQuery Color Animations颜色动画插件 (阅读 8,341)
  6. 颜色的代码表达式 (阅读 7,542)
  7. 终端二则 (阅读 7,003)
  8. JS+CSS实现隔行换色 (阅读 6,202)
  9. IE 颜色 Hack全收集 (阅读 5,064)
  10. HTML5是什么东东 我们为什么要关注 (阅读 4,865)