在哪里可以找到用于CSS的“易于类型”的十六进制颜色代码列表?

时间:2012-05-27 03:05:22

标签: css colors color-picker

我举几个例子:

  • Google使用#609, #15C, #12C, #093 ...

  • Adob​​e使用#ECECEC, #D9D9D9, #B0B0B0, #737373 ...

  • 雅虎使用#f9fafa, #93B9D9, #fefefe ...

如果您查看大多数此类网站的CSS,他们使用的十六进制颜色代码非常容易记住,我认为它根本不是无意的

如果我不清楚“易于输入”的十六进制颜色代码到底是什么意思,我的意思是这些颜色代码 - #FFFFFF (#FFF), #15C (#1155CC), #DBDBDB,而不是像{#F9FAFA那样留下六角颜色{1}}(这也很容易记住)。

我在Gimp,Photoshop和各种在线工具中尝试了颜色选择器。对于我选择的颜色,我无法使用上述“易于输入”的十六进制格式获得更接近颜色。

所以,问题是,你是怎么做到的?

4 个答案:

答案 0 :(得分:4)

我这样做的方法是在颜色选择器中获取我想要的颜色,查看它们生成的十六进制值,然后尝试舍入到最近的双对。所以我们假设我选择以下颜色(我基本上是随机输入的,所以只生成实际颜色,风险自负):

#82AC37 #B8AB29 #194645

在第一种情况下,82接近88AC接近AA37接近33 。这样一个变为#88AA33#8A3。通过类似方式,我得到#BA3#244

如果我发现模式舍入的颜色离它的位置太远,那么我会寻找一个易于模式的东西,如(在第一种情况下)#82AA33或(在第二种情况下)情况1}}。它真的变成了一种艺术。而且你必须对16号基地感到舒服,这样你就可以分辨出最好是向下而不是向下。

答案 1 :(得分:3)

您可能正在寻找X11颜色名称:

http://en.wikipedia.org/wiki/Web_colors#X11_color_names

答案 2 :(得分:1)

通过向上或向下调整数字来做一些粗略的近似,使十六进制表示看起来很好,而不会过多地改变颜色。

e.g。 #225E9B --> #269 or #206099

答案 3 :(得分:0)

另一种方法是简单地记住hex word

#BADA55 /* is always a fun one! */