在 CSS 中定义颜色完全是关于十六进制代码的。 你知道,那些像 #990000 这样的六位字母数字组合。 你可能已经记住了其中几个。 比如我刚才提到的那个是一个漂亮的深红色。#cccccc 是浅灰色,全是 0 是黑色,全是 F 是白色,等等。 这些都是值得了解的知识,但网页通常包含各种各样的颜色,你需要一种方法来获取所需颜色的十六进制代码。 但是如何获取呢?哦,让我来数数方法吧
- Adobe Photoshop。如果您有 Photoshop,则有多种方法可以获取十六进制代码。 最直接的方法是打开您要从中获取颜色的图像(通常是快速屏幕截图),选择吸管工具,右键单击您要从中复制颜色的区域,然后选择“将颜色复制为 HTML”。 更快、更巧妙的方法是单击打开图像上的某个位置,按住并拖动,然后您实际上可以从屏幕上的任何位置采样颜色。 要获取十六进制代码,只需双击前景色,然后从颜色拾取器中复制出来。
- Name That Color。这是我在整个世界中最喜欢的在线颜色拾取器=)。您从外围圆圈中选择色相,然后从中间的正方形中选择色调/阴影。 一个大而漂亮的条形为您提供了对颜色的良好观察,您可以从下面的框中复制十六进制代码。 但是最棒的部分是它为所有颜色都提供了名称。#E5D79F 如此缺乏个性……让我们称它为它本身,僵尸!
- Colorzilla。另一种直接从浏览器获取十六进制颜色代码的方法是通过此优秀的 Firefox 扩展程序。您确实在使用 Firefox,不是吗=)。只需单击底部栏中的小吸管,然后单击浏览器窗口中的任何位置。 十六进制代码显示在底部栏中,或者您可以右键单击吸管并以各种格式复制颜色。
我真的很喜欢 Photoshop 的技巧,以前不知道这个。
在 CSS 中,当您使用十六进制颜色表示法且颜色由三对十六进制数字组成时,您可以通过省略每隔一个数字来更有效地编写它:#000 与 #000000 相同,#369 与 #336699 相同
来源
http://www.456bereastreet.com/archive/200503/css_tips_and_tricks_part_1/
是的,这是一个很好的观点。 我个人不太喜欢 CSS 简写,因为很多时候它会使 CSS 更难阅读,但这一次我认为可以,因为 #369 和 #336699 一样没有描述性。
需要记住的是,如果您能够将颜色“缩写”为 3 位数字,则表示该颜色是“网络安全”的。基本上意味着它是 216 种颜色的一部分,这些颜色在不同操作系统之间不会变化。但这是一种几乎过时的做法,因此您可以随意使用完整的 6 位十六进制代码。
我认为它们更经济,因为它们可以帮助我们节省一些字节。
这里有一个可爱的东西……http://www.nattyware.com/pixie.html
酷,感谢您为 Graham 提供了 Windows 特定的解决方案。
我的网站定期将图像提取到登陆页面的英雄区域,有没有办法从图像中提取颜色信息以自动编辑样式表?