代码之家  ›  专栏  ›  技术社区  ›  unmounted

理解十六进制html颜色代码的直观方法?

  •  13
  • unmounted  · 技术社区  · 17 年前

    有没有一个直观的方法,或者一个好的记忆法,来理解颜色和它们的十六进制值之间的对应关系?

    10 回复  |  直到 17 年前
        1
  •  24
  •   paxdiablo    5 年前

    你只需要记住刻度是00(没有颜色效果)到FF(全彩效果),三个部分是红色、绿色和蓝色。

    000000为黑色(即无颜色),FFFFFF为白色(混合所有三种原色)。

    • 真好吃的山药
    • 真糟糕的梅子 :红色+蓝色=紫色(我真的很讨厌李子)。
    • :绿色+蓝色=浅绿色(我对苹果漠不关心)。

    显然,如果你的食物口味与我的不同,你可能不得不想出自己的记忆法。但我发现这对我来说是最简单的方法。

    然后,只需改变数量,添加多一点红色或少一点蓝色,依此类推。我通常只使用00、40、80、C0和FF的值,因为这给了你一个125色的调色板可供选择,我不想有太多的选择让我慢下来。

        2
  •  12
  •   Dylan Beattie    17 年前

    在这里,你需要了解三件不同的事情。

    1. 用十六进制读写数字。这只需要练习和熟悉它。颜色代码的范围从00(零)到FF(=255),因此请花一点时间(可能在科学模式下使用calc.exe?)选择一个数字,并尝试猜测它的十六进制值,反之亦然。十进制计数可能是你的第二天性;十六进制计数是同一个概念,有不同的符号和规则。

    2. 如何将RGB颜色代码读取为三个分量值。RGB代码可以写成三位数(#FFF)或六位数(#FFFFFF)。在第一种情况下,每个数字是一个单一的颜色成分;红色,绿色,然后是蓝色。0=空,F=满(最大值)。第二个是相同的,但额外的数字给你一个更广泛的音调范围,因为你有256个可能的强度为每个组成部分,而不是16。

    3. Instant Eyedropper 并用它找到已知颜色的十六进制值。

    完全正确是非常非常困难的,但不需要超过几天,你就可以说“对……我想要橙色,在色轮上介于红色(#F00)和黄色(#FF0)之间,所以让我们尝试分割差异并使用#F90…嗯,有点暗,所以让我们把G和B组件推高一点…#FA2…明白了!”

        3
  •  3
  •   Eli    17 年前

    把它想象成混合颜料。

    有三种成分RR、GG、BB(RRGGBB),它们可以以不同的强度混合。记住,00是最低强度,ff是最高强度。

    例如,我们知道000000在所有颜色上都是低强度的,并且是黑色的。同样,FFFF在所有三种颜色组件上都是最高的,并且将是白色的。

    您可以通过使一个部分变强或变弱来添加或删除颜色。例如,从黑色000000开始,添加一点红色作为330000,或添加一点蓝色作为000033。将两者相加,看看会发生什么。

    添加大量红色,带有ff0000。或者为006600添加适量的绿色。

    如果这三个分量都接近相同的强度,它们会相互抵消,形成灰度,根据颜色的强度,灰度将是亮的或暗的。所以000000、333333、666666、999999和ffffff是黑色、深灰色、浅灰色和白色。

    如果你选择中灰色,再加上一点蓝色,你会得到蓝灰色,比如888899。红色、绿色和蓝色几乎相等,所以几乎是灰色,但蓝色多一点。你可以试一下。

    查看颜色代码的一个非常好的工具是(小而免费):

    http://www.nattyware.com/pixie.html

    希望有帮助!

        4
  •  2
  •   John Topley    17 年前

    这样地: #RRGGBB

        5
  •  1
  •   ljs TheVillageIdiot    17 年前

    十六进制颜色的形式为#RRGGBB,其中RR为红色,GG为绿色,BB为蓝色。因为它们是十六进制的,所以它们的范围是00-FF。从这一点可以很容易地大致判断出您要处理的颜色,例如#FF12A3将是相当红色。

        6
  •  1
  •   John Topley    17 年前

    将颜色分成三组值,分别表示红色、绿色和蓝色。每段中的十六进制值越高,则该颜色越多。所以000000是黑色,#FF0000是红色,#FF00FF是紫色等等。

        7
  •  1
  •   Bill the Lizard    17 年前

    我认为得到一份好的工作很有用 HTML color chart 把它放在桌子旁边。我喜欢这个 Visibone 鼠标垫和海报。

        8
  •  1
  •   JacquesB    17 年前

    记得:

    2) 数字应解释为颜色中的光量。所以00是无光,而FF是该颜色中的最大光。

    3) 我认为这三种颜色都是同一级别的,它们“相互抵消”,所以我们得到了灰度级的颜色。00是最小灯光,如果三种颜色都是00,我们就没有灯光,即黑色。如果这三种颜色都是最大亮度(#FFFFFF),我们得到白色,中间的任何数字都是灰色。

        9
  •  0
  •   Edward Kmett    17 年前

    数值越大,该特定组件越亮。

    然后你只需要记住小学时的加法色轮

        10
  •  0
  •   PhiLho    17 年前

    经过大量的实践,我现在能够凭直觉创造颜色(当然是通过一些尝试和错误)。播放/使用颜色混合器(例如红色/绿色/蓝色滑块)有助于理解关系。现在,我知道FFFF00是黄色,FF00FF是洋红,00FFFF是青色,当然还有原色,所有其他颜色都介于两者之间。