顏色的幾個術語和屬性

世有因果知因求果發表於2015-04-05
  • RGB有規律值的簡寫:當R,G,B的值所有都有以下規律:個位和十位相同時,可以省略掉其中一個數字(0x334455 = 0x345 ) (0xff00bb = 0xf0b)
  • 互補色complementary color:

互補色是一對這樣的顏色組:當組合使用時將會抹去各自的色彩。這意味著當組合起來使用時(顏料模式),他們產生黑色。在發光

RGB模式下,則形成白色。當這兩種顏色放在一起時,他們講產生最強的對比效果。正因為這樣的特性,互補色可能被稱為反色更加

 紅-綠  黃-紫 藍-橙 三對primary complementary color

blending of complementary colors - blue+orange red + green  yellow + purple

  • 亮化著色(染色)tint:

tint是把一種顏色和白色混合後形成的顏色,這將增加該顏色的亮度;A color with the presence of white. Lighter shade of a color.  Pink is a tint of red.

  • 陰影shade:A color with the presence of black. Darker shade of a color. Navy is a shade of blue.

shade是把一種顏色和黑色混合後形成的混合顏色,這將降低該顏色的亮度

  • Hue/tone:(色調)(Hue refers to the pure state of a color(undiluted color未稀釋過的顏色); it is the name we give a color, such as red or blue.)

色調是把一種顏色和灰色或者tint/shade混合形成的顏色。

注意:將一種顏色和任何一種中立色(灰色,黑,白)混合後將降低顏色的飽和度,但是hue色相不變

  • Saturation:飽和度Saturation, also referred to as intensity or chroma, refers to the brightness or dullness of a color. High saturation colors are close to the pure hue of a color; they are bright and vivid like pure red or pure yellow. Mixing pure colors with either gray or the color’s complement (the opposite color on the color wheel) creates low saturation colors (often called muted colors or neutrals).

當飽和度為0%時,該色為gray灰色,當飽和度為100%時,為該Hue的最vivid清晰最鮮豔的色彩。飽和度越高色彩越鮮豔,飽和度色彩越顯灰

 

 

 

 

Lightness/Brightness of a color

  • Lightness(Value):Lightness and darkness of a color.(Value refers to the lightness or darkness of a color. Adding white to a hue creates a lighter value, or tint (adding white to red creates pink) and adding black to a hue creates a darker value, or shade (adding black to red creates maroon). following figure shows value vs saturation:

 當lightness為0%時,顏色為黑色,當lightness為100%時為白色,當lightness為50%時為該hue色的最清晰鮮豔的顏色。亮度越高越亮白,亮度越低越暗黑。

注意:HSB術語中的Brightness為色彩本身的亮度,當brightness為100%(飽和度為100%)時,對應著該hue的最純色(對應HSL術語中lightness為50%,100%則成了白色!)

  • Brilliance: Lightness of a color.
  • contrast:對比度

對比度高將減少眼睛的疲勞,通過清晰地將具有對比度的元素佈局於頁面可以讓讀者的注意力集中。less中的contrast函式在確保任何底色中都能找到一種適合閱讀的前景色非常有用

  • additive/subtractive model

在計算機螢幕上顯示的顏色(這也就是我們在web設計中要使用的顏色)是基於一種加法配色模型。在這種模型下,色彩是由RGB單色光混合不同的比例而形成的。如果我們將三種RGB都以最亮來混合,則形成白色。如果我們以R和G來混合,則形成黃色。

如果你使用過彩色刷筆,你可能對CMYK有一定概念(cyan,magenta,yellow,black)。無論是墨水噴墨印表機,鐳射印表機還是工業四色印刷,都使用上述CMYK四種顏料來混合形成的。這個過程使用減法配色模型。只使用CMY無法配出黑色。這也是我們為什麼總要使用黑色作為補色的原因。

  • Vibrancy:活力

顏色的活力表達著你設計的感情。亮麗的色彩使得使用者感覺到能量,稍暗的顏色將使使用者放鬆,並且注意力集中於其他的內容。

  • Luminosity:亮度
  • Primary colors
  • primary colors:主色 (The ultimate contrast of hue and the greatest luminosity. )

紅,藍,黃三種顏色不能被任何其他顏色混合而成,他們是所有其他顏色的起點,故而稱之為主色。色譜輪上的任何其他色相(hue),理論上都可以由這三種純色色相(hue)混合調製而成。這三種主色具有極限的色相對比度和最大的亮度(luminosity)

  • secondary or Complementary colors。note: The second most contrast of hue, the intensity of colors diminishes as hues are further away from the primaries.

由兩種primary color混合而成的顏色被稱為secondary color,由於他們和紅藍黃三種主色互為互補色,所以又稱為互補色(complementary colors)他們有三種分別為:

red+blue=violet紅藍紫

red+yellow=orange紅黃橙

blue+yellow=green藍黃綠

 

  • Tertiary color(第三級色)由primary+secondary混合而成Blending complementary colors to create harmonious,neutral tones

  • 亮度反應了單位時間內發射的能量

 http://paletton.com/

相關文章