IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

十六进制HTML颜色

标点符 2010-04-26 11:14:06 累计浏览 3,500 次
本机暂存

网页颜色在 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. translateZ() (2026-06-25 21:18:56)
  2. translateY() (2026-06-25 21:17:56)
  3. translateX() (2026-06-25 21:16:01)

查看更多 前端 文章 →

建议继续学习

  1. 50个活力和动感的网页设计-颜色的灵感 (累计阅读 34,442)
  2. 视觉设计前瞻实用性研究(PNVD) 第二期 (累计阅读 12,977)
  3. 各公司对前端开发的职位描述 (累计阅读 10,405)
  4. iframe大小自适应 (累计阅读 10,057)
  5. 浏览器的渲染原理简介 (累计阅读 8,377)
  6. 解决IE6从Nginx服务器下载图片不Cache的Bug (累计阅读 8,357)
  7. iframe里src="about:blank"的问题。 (累计阅读 8,089)
  8. 程序员眼里IE浏览器是什么样的 (累计阅读 8,011)
  9. 2010网页设计趋势 (累计阅读 7,818)
  10. Web前端工程师编程能力飞升之路 (累计阅读 7,691)