Difference between revisions of "Color palettes"

From TheAlmightyGuru
Jump to: navigation, search
Line 2: Line 2:
  
 
==RGB==
 
==RGB==
[[Image:Color Palette - RGB - Test.png|thumb|128x128px|24-bit RGB original.]]
+
In the early days of color graphics, RGB was actually pretty rare, but as computers pushed RGB on their monitors, they quickly became the predominant color system in computers and now, most other forms of color display. Here is an image in 24-bit RGB values as a reference for the one-byte palettes below.
 +
 
 +
[[Image:Color Palette - RGB - Test.png]]
 +
 
 +
===1-1-1 (3-bit)===
 +
[[Image:Color Palette - 3-Bit Color (1-1-1).png|thumb|128x128px|1 - Red, 1 - Green, 1 - Blue.]]
  
In the early days of color graphics, RGB was actually pretty rare, but as computers pushed RGB on their monitors, they quickly became the predominant color system in computers and now, most other forms of color display. Here is an image in 24-bit RGB values as a reference for the one-byte palettes below.
+
This system can be represented with 3 bit, one for red, green, and blue respectively, resulting in a total of 8 colors.
  
===2-2-2===
+
[[Image:Color Palette - 3-Bit Color (1-1-1) - Example.png]]<br clear="all" />
  
===4-4-4===
+
===4-4-4 (6-bit)===
  
===8-8-4===
+
===8-8-4 (6-bit)===
 
[[Image:Color Palette - 8-Bit Color (8-8-4).png|thumb|128x128px|8 - Red, 8 - Green, 4 - Blue.]]
 
[[Image:Color Palette - 8-Bit Color (8-8-4).png|thumb|128x128px|8 - Red, 8 - Green, 4 - Blue.]]
  
This system separates the bits in a byte into three sections, 3 are used for the red intensity, 3 for the green intensity, and 2 for the blue intensity. This results in 8 levels of red, 8 of green, and 4 of blue. This is often the optimal system because the human eye is better at discerning between different intensities of red and green compared to blue.<br clear="all" />
+
This system separates the bits in a byte into three sections, 3 are used for the red intensity, 3 for the green intensity, and 2 for the blue intensity. This results in 8 levels of red, 8 of green, and 4 of blue. This is often the optimal system because the human eye is better at discerning between different intensities of red and green compared to blue.
  
===8-4-8===
+
[[Image:Color Palette - 8-Bit Color (8-8-4) - Example.png]]<br clear="all" />
 +
 
 +
===8-4-8 (6-bit)===
 
[[Image:Color Palette - 8-Bit Color (8-4-8).png|thumb|128x128px|8 - Red, 4 - Green, 8 - Blue.]]
 
[[Image:Color Palette - 8-Bit Color (8-4-8).png|thumb|128x128px|8 - Red, 4 - Green, 8 - Blue.]]
  
This system separates the bits in a byte into three sections, 3 are used for the red intensity, 2 for the green intensity, and 3 for the blue intensity. This results in 8 levels of red, 4 of green, and 8 of blue. This is often the optimal system because the human eye is better at discerning between different intensities of red and green compared to blue.<br clear="all" />
+
This system separates the bits in a byte into three sections, 3 are used for the red intensity, 2 for the green intensity, and 3 for the blue intensity. This results in 8 levels of red, 4 of green, and 8 of blue. This is often the optimal system because the human eye is better at discerning between different intensities of red and green compared to blue.
  
===4-8-8===
+
[[Image:Color Palette - 8-Bit Color (8-4-8) - Example.png]]
 +
<br clear="all" />
 +
 
 +
===4-8-8 (6-bit)===
 
[[Image:Color Palette - 8-Bit Color (4-8-8).png|thumb|128x128px|4 - Red, 8 - Green, 8 - Blue.]]
 
[[Image:Color Palette - 8-Bit Color (4-8-8).png|thumb|128x128px|4 - Red, 8 - Green, 8 - Blue.]]
  
This system separates the bits in a byte into three sections, 3 are used for the red intensity, 3 for the green intensity, and 2 for the blue intensity. This results in 4 levels of red, 8 of green, and 8 of blue. This is often the optimal system because the human eye is better at discerning between different intensities of red and green compared to blue.<br clear="all" />
+
This system separates the bits in a byte into three sections, 3 are used for the red intensity, 3 for the green intensity, and 2 for the blue intensity. This results in 4 levels of red, 8 of green, and 8 of blue. This is often the optimal system because the human eye is better at discerning between different intensities of red and green compared to blue.
 +
 
 +
[[Image:Color Palette - 8-Bit Color (4-8-8) - Example.png]]
 +
<br clear="all" />

Revision as of 11:31, 20 March 2018

A Single Byte Color Palette is a color palette that can be defined using eight or fewer bits. There are many different algorithms used to encode an entire color palette into a single byte and quickly get the results.

RGB

In the early days of color graphics, RGB was actually pretty rare, but as computers pushed RGB on their monitors, they quickly became the predominant color system in computers and now, most other forms of color display. Here is an image in 24-bit RGB values as a reference for the one-byte palettes below.

Color Palette - RGB - Test.png

1-1-1 (3-bit)

1 - Red, 1 - Green, 1 - Blue.

This system can be represented with 3 bit, one for red, green, and blue respectively, resulting in a total of 8 colors.

Color Palette - 3-Bit Color (1-1-1) - Example.png

4-4-4 (6-bit)

8-8-4 (6-bit)

8 - Red, 8 - Green, 4 - Blue.

This system separates the bits in a byte into three sections, 3 are used for the red intensity, 3 for the green intensity, and 2 for the blue intensity. This results in 8 levels of red, 8 of green, and 4 of blue. This is often the optimal system because the human eye is better at discerning between different intensities of red and green compared to blue.

Color Palette - 8-Bit Color (8-8-4) - Example.png

8-4-8 (6-bit)

8 - Red, 4 - Green, 8 - Blue.

This system separates the bits in a byte into three sections, 3 are used for the red intensity, 2 for the green intensity, and 3 for the blue intensity. This results in 8 levels of red, 4 of green, and 8 of blue. This is often the optimal system because the human eye is better at discerning between different intensities of red and green compared to blue.

Color Palette - 8-Bit Color (8-4-8) - Example.png

4-8-8 (6-bit)

4 - Red, 8 - Green, 8 - Blue.

This system separates the bits in a byte into three sections, 3 are used for the red intensity, 3 for the green intensity, and 2 for the blue intensity. This results in 4 levels of red, 8 of green, and 8 of blue. This is often the optimal system because the human eye is better at discerning between different intensities of red and green compared to blue.

Color Palette - 8-Bit Color (4-8-8) - Example.png