【问题标题】:Intuitive way of understanding hexadecimal html color codes?理解十六进制 html 颜色代码的直观方式?
【发布时间】:2010-09-21 10:26:11
【问题描述】:

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

【问题讨论】:

    标签: html colors mnemonics


    【解决方案1】:

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

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

    难点在于记住混合,我使用以下助记符:

    • 非常好的山药:红色 + 绿色 = 黄色(土豆是我最喜欢的食物)。
    • 非常糟糕的李子:红色 + 蓝色 = 紫色(我真的很讨厌李子)。
    • 好/坏苹果:绿色 + 蓝色 = Aqua(我对苹果无所谓)。

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

    然后只需改变数量以添加多一点红色或少一点蓝色等等。我通常只使用 00、40、80、C0 和 FF 的值,因为这为您提供了 125 色的调色板可供选择,而且我不希望过多的选择让我慢下来。

    【讨论】:

    • 因为我还记得那个非常糟糕的李子,我认为这有一个绿色的复选标记。虽然李子很好吃。
    • abcdef 是一种易于记忆但又可爱的浅蓝色 :)
    【解决方案2】:

    您需要在这里了解三个不同的事情。

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

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

    3. 了解 RGB 颜色模型。你的原色是红色、绿色和蓝色。您的辅助颜色是黄色 (R+G)、洋红色 (R+B) 和青色 (G+B)。增加所有值会使颜色变浅;将它们全部减少会使它变暗。纯灰度将具有三个相等的分量 - 例如#ddd,#222。通过将其中一个颜色值稍微调高一点来为灰色着色 - #866 将为您提供带有一丝红色的深灰色。这一点你只需要通过经验来学习。玩它。获取类似Instant Eyedropper 的工具,并使用它来查找已知颜色的十六进制值。

    完全正确是非常非常困难的,但不会超过几天你就可以说“正确...我想要橙色,它介于红色 (#F00) 和黄色 ( #FF0) 在色轮上,所以让我们尝试拆分差异并使用#F90...嗯,有点暗,所以让我们将 G 和 B 分量向上推一点...#FA2...明白了!"

    【讨论】:

    • 谢谢。但是黄色的“R+G”怎么样?不是布朗吗?更重要的是,黄色不是原色还是基本色?
    • @Agent007 - 当您使用 RGB 值时,您不是在混合油漆,而是在混合光 - 它的工作方式非常不同。从技术上讲,混合光被称为加色混合(从黑色开始并增加亮度),混合油漆是减色混合(从白色开始,向深色调着色)。是的,红色加绿色会变成黄色——我也很惊讶,但这就是它的工作原理。你会习惯的。
    【解决方案3】:

    把它想象成混合颜料。

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

    例如,我们知道 000000 在所有颜色上都是低强度的,并且是黑色的。同样,ffffff 在所有三个颜色分量中最高,并且将是白色的。

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

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

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

    如果您采用中等灰色并添加一点蓝色,最终会得到蓝灰色,例如 888899。红色、绿色和蓝色几乎相等,因此几乎是灰色,但蓝色更多一些。你可以尝试一下。

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

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

    希望有帮助!

    【讨论】:

    • 不要认为它是混合油漆!油漆是一种基于颜料的介质,其中反射的颜色根据减法原理混合:您拥有的颜料越多,吸收的光越多,即反射的越少。颜料也有黄色,而不是绿色作为第二原色:红色+绿色颜料使棕色。红+绿灯变黄。您对灰度是正确的-如果所有三个组件都相同,则您有灰色调,但这并不意味着所有六个数字都必须相同。以下都是纯灰色调的例子:121212 0f0f0f 9e9e9e
    【解决方案4】:

    我不确定你的意思,但我始终记得它是一种 RGB 颜色:前两位代表红色,第二对代表绿色,最后两位代表蓝色。

    像这样:#RRGGBB

    当然要记住,数字越小,颜色越深。

    如果您正在寻找某种方法来记住橙色的颜色代码,恐怕您不走运。我总是需要查看那个...

    【讨论】:

    • 哦,橙色很简单……试试#F60! ;-) 出于某种原因一直留在我的脑海中。
    • 嗯,也许有人应该以 F60 的品牌销售橙子——这肯定对我有帮助!
    【解决方案5】:

    十六进制颜色的格式为#RRGGBB,其中RR 为红色,GG 为绿色,BB 为蓝色。由于它们是十六进制,它们的范围是 00-FF。从中可以很容易地大致判断您正在处理哪种颜色,例如#FF12A3 将是相当红色的。

    【讨论】:

    • 所以说你的工作范围是 0-256,低点和高点对应什么,有没有办法记住和测试中间点,因为它们可能适用于常用颜色?
    • 00 是 0,80 是 128(中途),FF 是 256。请记住,每次将正确的数字重置为 0 时,您都会增加 16。无论如何,这应该会有所帮助!
    • FF 是 255 对不起,7F 是一半(127)!
    • 我总是尽可能缩短我的标签,例如#F00,因为它更容易理解;) F = full 0 = empty
    【解决方案6】:

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

    【讨论】:

      【解决方案7】:

      我认为获得一个好的HTML color chart 并将其放在办公桌旁很有用。我喜欢Visibone 鼠标垫和海报。

      【讨论】:

        【解决方案8】:

        记住:

        1) 十六进制对的顺序是红色、绿色和蓝色。这一点很容易记住,因为我们后面会谈到 RGB 颜色、RGB 屏幕等等。

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

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

        【讨论】:

          【解决方案9】:

          嗯,显示器使用“RGB”配色方案。十六进制数中的颜色顺序为 RRGGBB。所以只要记住配色方案的名称就可以告诉你什么去哪里了。然后您可以将#RRGGBB 解析为三个数字RR、GG 和BB。

          数字越高,特定组件越亮。

          那么你只需要记住小学的加色轮。 ;)

          【讨论】:

            【解决方案10】:

            我现在设法直观地创建颜色(当然,通过一些试验和错误),已经练习了很多。播放/使用混色器(例如红色/绿色/蓝色滑块)有助于理解关系。现在,我知道 FFFF00 是黄色,FF00FF 是洋红色,00FFFF 是青色,当然还有原色,所有其他颜色都介于两者之间。

            【讨论】:

              猜你喜欢
              • 2011-10-25
              • 1970-01-01
              • 2011-09-20
              • 2018-10-13
              • 2017-10-01
              • 2014-05-02
              • 2019-11-28
              • 1970-01-01
              • 2017-04-11
              相关资源
              最近更新 更多