Summary of Color models: RGB, CMYK and HSV

Color Models: RGB, CMYK, HSV Explained for Students

Color Models Explained

Color is a fundamental aspect of how we perceive the world. To represent color consistently in digital and physical media, we use structured systems called color models. These models provide a standardized way to define, create, and reproduce colors, ensuring they look the same across different devices and applications. This document will explore three primary color models: RGB, CMYK, and HSV, explaining their principles, applications, and how they relate to human color perception.

1. The Nature of Color and Light

Before diving into color models, it's important to understand that color is fundamentally linked to light. Light is a form of electromagnetic radiation, and the colors we see correspond to different wavelengths within the visible spectrum. When light hits an object, some wavelengths are absorbed, and others are reflected. Our eyes detect these reflected wavelengths, and our brain interprets them as specific colors. For instance, a red apple appears red because it absorbs most wavelengths of light but reflects red light.

2. Additive Color Mixing: The RGB Model

The RGB color model is based on the principle of additive color mixing, meaning that colors are created by adding different intensities of light together. This model is used in devices that emit light, such as computer monitors, televisions, smartphones, and digital cameras.

Additive Color Mixing

A process where colors are created by combining different wavelengths of light. When all primary colors are combined at maximum intensity, they produce white light.

  • Primary Colors: The primary colors in the RGB model are Red, Green, and Blue. These three colors of light, when combined in varying proportions, can produce a vast spectrum of other colors.
  • How it Works: When all three primary colors of light are combined at their maximum intensity, they produce white light. When all are absent (zero intensity), the result is black. Mixing two primary colors at full intensity yields a secondary color:
    • Red + Green = Yellow
    • Green + Blue = Cyan
    • Blue + Red = Magenta
  • Representation: In digital systems, each of the Red, Green, and Blue components is typically represented by a value ranging from $0$ to $255$. A value of $0$ means the absence of that color, while $255$ means its maximum intensity. For example:
    • Black: $R=0, G=0, B=0$
    • White: $R=255, G=255, B=255$
    • Red: $R=255, G=0, B=0$
    • Yellow: $R=255, G=255, B=0$

Hexadecimal Color Codes

RGB values are often expressed using hexadecimal (base-16) codes, especially in web design and digital graphics. A hexadecimal color code consists of a hash symbol (#) followed by six hexadecimal digits. Each pair of digits represents the intensity of Red, Green, and Blue, respectively. For example, #FF0000 represents pure red (FF is $255$ in decimal), #00FF00 is pure green, #0000FF is pure blue, and #FFFFFF is white.

Worked Example: Converting RGB to Hexadecimal

Let's say we have an RGB color with values $R=128, G=64, B=255$. To convert this to a hexadecimal code, we convert each decimal value to its two-digit hexadecimal equivalent:

  1. Red ($128$): $$128 \div 16 = 8 \text{ remainder } 0$$ So, $128$ in hex is $80$.
  2. Green ($64$): $$64 \div 16 = 4 \text{ remainder } 0$$ So, $64$ in hex is $40$.
  3. Blue ($255$): $$255 \div 16 = 15 \text{ remainder } 15$$ In hexadecimal, $15$ is represented by 'F'. So, $255$ in hex is FF.

Combining these, the hexadecimal color code is #8040FF.

3. Subtractive Color Mixing: The CMYK Model

The CMYK color model is based on the principle of subtractive color mixing, which means colors are created by subtracting (absorbing) certain wavelengths of light from white light. This model is used in printing, where inks are applied to a white surface (like paper) and absorb specific colors of light, reflecting the remaini

Sign up for the full summary
FlashcardsKnowledge testSummaryPodcastMindmap
Start for free

Already have an account? Sign in

Color Models Explained

Klíčová slova: Color Models, Color Theory and Representation

Klíčové pojmy: Color is light-dependent, with different wavelengths perceived as different colors., RGB is an additive color model used for light-emitting devices like screens (Red, Green, Blue)., In RGB, combining all primary colors at maximum intensity produces white; absence produces black., RGB colors are represented by values $0-255$ for each component or as hexadecimal codes (e.g., `#FF0000`)., CMYK is a subtractive color model used for printing with inks (Cyan, Magenta, Yellow, Black)., In CMYK, inks absorb light; combining all primaries ideally produces black., CMYK colors are represented by percentages ($0\%-100\%$) for each ink component., Screens use RGB because they emit light, while printers use CMYK because they absorb light on a reflective surface., The HSV (Hue, Saturation, Value) model describes color based on human perception., Hue is the pure color ($0^\circ-360^\circ$), Saturation is color purity ($0\%-100\%$), and Value/Brightness is lightness/darkness ($0\%-100\%$).

# Color Models Explained Color is a fundamental aspect of how we perceive the world. To represent color consistently in digital and physical media, we use structured systems called color models. These models provide a standardized way to define, create, and reproduce colors, ensuring they look the same across different devices and applications. This document will explore three primary color models: RGB, CMYK, and HSV, explaining their principles, applications, and how they relate to human color perception. ## 1. The Nature of Color and Light Before diving into color models, it's important to understand that **color is fundamentally linked to light**. Light is a form of electromagnetic radiation, and the colors we see correspond to different wavelengths within the visible spectrum. When light hits an object, some wavelengths are absorbed, and others are reflected. Our eyes detect these reflected wavelengths, and our brain interprets them as specific colors. For instance, a red apple appears red because it absorbs most wavelengths of light but reflects red light. ## 2. Additive Color Mixing: The RGB Model The RGB color model is based on the principle of **additive color mixing**, meaning that colors are created by adding different intensities of light together. This model is used in devices that emit light, such as computer monitors, televisions, smartphones, and digital cameras. > ### Additive Color Mixing > A process where colors are created by combining different wavelengths of light. When all primary colors are combined at maximum intensity, they produce white light. * **Primary Colors:** The primary colors in the RGB model are **Red, Green, and Blue**. These three colors of light, when combined in varying proportions, can produce a vast spectrum of other colors. * **How it Works:** When all three primary colors of light are combined at their maximum intensity, they produce white light. When all are absent (zero intensity), the result is black. Mixing two primary colors at full intensity yields a secondary color: * Red + Green = Yellow * Green + Blue = Cyan * Blue + Red = Magenta * **Representation:** In digital systems, each of the Red, Green, and Blue components is typically represented by a value ranging from $0$ to $255$. A value of $0$ means the absence of that color, while $255$ means its maximum intensity. For example: * Black: $R=0, G=0, B=0$ * White: $R=255, G=255, B=255$ * Red: $R=255, G=0, B=0$ * Yellow: $R=255, G=255, B=0$ ### Hexadecimal Color Codes RGB values are often expressed using hexadecimal (base-16) codes, especially in web design and digital graphics. A hexadecimal color code consists of a hash symbol (`#`) followed by six hexadecimal digits. Each pair of digits represents the intensity of Red, Green, and Blue, respectively. For example, `#FF0000` represents pure red (FF is $255$ in decimal), `#00FF00` is pure green, `#0000FF` is pure blue, and `#FFFFFF` is white. ### Worked Example: Converting RGB to Hexadecimal Let's say we have an RGB color with values $R=128, G=64, B=255$. To convert this to a hexadecimal code, we convert each decimal value to its two-digit hexadecimal equivalent: 1. **Red ($128$):** $$128 \div 16 = 8 \text{ remainder } 0$$ So, $128$ in hex is $80$. 2. **Green ($64$):** $$64 \div 16 = 4 \text{ remainder } 0$$ So, $64$ in hex is $40$. 3. **Blue ($255$):** $$255 \div 16 = 15 \text{ remainder } 15$$ In hexadecimal, $15$ is represented by 'F'. So, $255$ in hex is FF. Combining these, the hexadecimal color code is `#8040FF`. ## 3. Subtractive Color Mixing: The CMYK Model The CMYK color model is based on the principle of **subtractive color mixing**, which means colors are created by subtracting (absorbing) certain wavelengths of light from white light. This model is used in printing, where inks are applied to a white surface (like paper) and absorb specific colors of light, reflecting the remaini