获取颜色十六进制代码

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 200 美元的免费额度!

在 CSS 中定义颜色完全是关于十六进制代码的。 你知道,那些像 #990000 这样的六位字母数字组合。 你可能已经记住了其中几个。 比如我刚才提到的那个是一个漂亮的深红色。#cccccc 是浅灰色,全是 0 是黑色,全是 F 是白色,等等。 这些都是值得了解的知识,但网页通常包含各种各样的颜色,你需要一种方法来获取所需颜色的十六进制代码。 但是如何获取呢?哦,让我来数数方法吧

  1. Adobe Photoshop。如果您有 Photoshop,则有多种方法可以获取十六进制代码。 最直接的方法是打开您要从中获取颜色的图像(通常是快速屏幕截图),选择吸管工具,右键单击您要从中复制颜色的区域,然后选择“将颜色复制为 HTML”。 更快、更巧妙的方法是单击打开图像上的某个位置,按住并拖动,然后您实际上可以从屏幕上的任何位置采样颜色。 要获取十六进制代码,只需双击前景色,然后从颜色拾取器中复制出来。
    photoshop.jpg
  2. Name That Color。这是我在整个世界中最喜欢的在线颜色拾取器=)。您从外围圆圈中选择色相,然后从中间的正方形中选择色调/阴影。 一个大而漂亮的条形为您提供了对颜色的良好观察,您可以从下面的框中复制十六进制代码。 但是最棒的部分是它为所有颜色都提供了名称。#E5D79F 如此缺乏个性……让我们称它为它本身,僵尸!
    namethatcolor.jpg
  3. Colorzilla。另一种直接从浏览器获取十六进制颜色代码的方法是通过此优秀的 Firefox 扩展程序。您确实在使用 Firefox,不是吗=)。只需单击底部栏中的小吸管,然后单击浏览器窗口中的任何位置。 十六进制代码显示在底部栏中,或者您可以右键单击吸管并以各种格式复制颜色。
    colorzilla.jpg