History of the RGB color model. RGB color model

The RGB model describes the emitted colors. It is based on three primary (base) colors: Red, Green and Blue. The RGB model can be called "native" for the display. The rest of the colors are obtained by combining the base colors. Colors of this type are called additive.

It can be seen from the figure that the combination of green and red gives yellow, the combination of green and blue - blue, and the combination of all three colors - white. From this we can conclude that the colors in RGB are subtractively added.

Primary colors are taken from human biology. That is, these colors are based on the physiological response of the human eye to light. The human eye has a photoreceptor of cells that respond to the most green (M), yellow-green (L) and blue-violet (S) light ( maximum length waves from 534 nm, 564 nm and 420 nm, respectively). The human brain can easily distinguish a wide range of different colors based on the differences in signals received from the three waves.

The most widely used RGB color model is LCD or plasma displayssuch as a TV or computer monitor. Each pixel on a display can be represented in a hardware interface (e.g. graphic cards) as the red, green, and blue values. RGB values \u200b\u200bvary in intensity, which are used for clarity. Cameras and scanners also work in the same order, they capture color with sensors that register different RGB intensities per pixel.

In 16 bits per pixel mode, also known as Highcolor, there is either 5 bits per color (often referred to as 555 mode) or with an extra bit for green (known as 565 mode). Green is augmented because the human eye has the ability to reveal more shades of green than any other color.

RGB values, represented in 24 bits per pixel (bpp) mode, also known as Truecolor, typically stand for three integer values \u200b\u200bbetween 0 and 255. Each of these three numbers represents the intensity of red, green, and blue, respectively.

RGB has three channels: red, blue and green, i.e. RGB is a three-channel color model. Each channel can take values \u200b\u200bfrom 0 to 255 in decimal or, which is closer to reality, from 0 to FF in hexadecimal notation. This is due to the fact that the byte that encodes the channel, and indeed any byte, consists of eight bits, and the bit can take 2 values \u200b\u200b0 or 1, for a total of 28 \u003d 256. In RGB, for example, red can take 256 gradations: from pure red (FF) to black (00). Thus, it is easy to calculate that the RGB model contains only 2563 or 16777216 colors.

RGB has three channels, and each is encoded with 8 bits. The maximum, FF (or 255) value gives a pure color. White color is obtained by combining all colors, more precisely, their extreme gradations. White code \u003d FF (red) + FF (green) + FF (blue). Accordingly, black code \u003d 000000. Yellow code \u003d FFFF00, magenta \u003d FF00FF, cyan \u003d 00FFFF.

There are also 32 and 48 bit color display modes.

RGB is not used for printing on paper, there is a CMYK color space instead.

CMYK is a color model used in color printing. The color model is a mathematical model for describing colors in whole numbers. The CMYK model is based on cyan, magenta, yellow and black colors.

Chief Technology Writer

Someone sent you by e-mail RGB file and you don't know how to open it? Maybe you have found a RGB file on your computer and wondering what it's for? Windows might tell you that you can't open it, or in the worst case scenario, you might encounter an RGB file related error message.

Before you can open an RGB file, you need to figure out what kind of file the RGB file extension belongs to.

Tip: Incorrect RGB file association errors can be a symptom of other underlying issues within your Windows operating system. These invalid entries can also produce associated symptoms such as slow Windows startups, computer freezes, and other PC performance issues. Therefore, it highly recommended that you scan your Windows registry for invalid file associations and other issues related to a fragmented registry.

Answer:

RGB files have Files bitmaps, which is primarily associated with Ribbons SGI Image.

RGB files are also associated with Unknown Apple II File (found on Golden Orchard Apple II CD Rom), VideoCraft GIF, Q0 Graphic, Intermediate Format Graphic, Silicon Graphics RGB Bitmap (Silicon Graphics Inc.), Intergraph Raster Graphic (Intergraph Corporation), and FileViewPro ...

Additional types of files may also be using the RGB file extension. If you are aware of any other file formats that use the RGB file extension, please contact us so that we can update our information accordingly.

How to open your RGB file:

The fastest and easy way to open your RGB file is to double-click on it. In this case windows system she will choose the necessary program to open your RGB file.

In case your RGB file won't open, it is very likely that your PC does not have the required application program to view or edit files with RGB extensions.

If your PC opens the RGB file, but it's the wrong application, you'll need to change your file association settings. windows registry... In other words, Windows is associating RGB file extensions with the wrong program.

Install Optional Products - FileViewPro (Solvusoft) | | | |

RGB Multipurpose Internet Mail Extensions (MIME):

  • mime image / x-rgb

RGB File Analysis Tool ™

Unsure about which type of RGB file you have? Want to get precise information about the file, its creator and how you can open it?

Now you can instantly get all necessary information about RGB file!

The revolutionary RGB File Analysis Tool ™ scans, analyzes and reports detailed information about RGB file. Our (patent pending) algorithm will quickly parse the file and, within seconds, provide detailed information in a clear and easy-to-read format. †

Within a few seconds, you will know for sure the type of your RGB file, the application associated with the file, the name of the user who created the file, the file's protection status, and other useful information.

To start analyzing a file for free, simply drag your RGB file inside the dotted line below, or click View My Computer and select the file. The RGB file analysis report will be shown below, right in the browser window.

Drag the RGB file here to start analysis

View my computer "

Please also check my file for viruses

Your file is being analyzed ... please wait.

Why do we need different color models and why the same color can look different

Providing design services both in the field of web and in the field of printing, we often face the question of the Client: why do the same corporate colors in the design layout of the site and in the design layout of printed products look different? The answer to this question lies in the differences in color models: digital and printing.

Colour computer screen varies from black (no color) to white (maximum brightness of all color components: red, green and blue). On paper, on the other hand, the absence of color corresponds to white, and mixing maximum number colors - dark brown, which is perceived as black.

Therefore, when preparing for printing, the image must be translated from the additive ("folding") flower patterns RGB into subtractive ("subtractive") cMYK model... The CMYK model uses the opposite colors of the original colors — opposite cyan, opposite magenta, and yellow opposed to blue.

Digital RGB color model

What is RGB?

RGB stands for the three colors used to display a color image on the screen: Red, Green, Blue.

How is RGB color formed?

The color on the monitor screen is formed by combining rays of three primary colors - red, green and blue. If the intensity of each of them reaches 100%, then the color is white. The absence of all three colors results in black.

Thus, any color that we see on the screen can be described by three numbers representing the brightness of the red, green and blue color components in the digital range from 0 to 255. Graphics programs allow you to combine the desired RGB color from 256 shades of red, 256 shades of green and 256 shades of blue. The total is 256 x 256 x 256 \u003d 16.7 million colors.

Where are RGB images used?

RGB images are used for display on a monitor screen. When creating colors for viewing in browsers, the same RGB color model is used as the basis.

Printing color model CMYK

What is CMYK?

CMYK was created and used for typographic printing. CMYK is the abbreviation for the primary inks used for four-color printing: Cyan (Cyan), Magenta (Magenta), and Yellow (Yellow). The letter K stands for black ink (BlacK), which produces a rich black in printing. The last letter of the word is used, not the first, so as not to confuse Black and Blue.

How is CMYK color formed?

Each of the numbers that represent a CMYK color represents a percentage of that color's ink that makes up a color combination. For example, mix 30% cyan, 45% magenta, 80% yellow, and 5% black to obtain a dark orange color. This can be indicated as follows: (30/45/80/5).

Where are CMYK images used?

The area of \u200b\u200bapplication of the CMYK color model is full color printing. It is with this model that most printing devices work. Due to color model mismatch, it is often the case that the color to be printed cannot be reproduced using the CMYK model (such as gold or silver).

In this case, Pantone inks are used (ready mixed inks of many colors and shades), they are also called spot inks (since these inks are not mixed during printing, but are opaque).

All files intended for printing in a printing house must be converted to CMYK. This process is called color separation. RGB covers a wider color range than CMYK, and this must be taken into account when creating images that are later planned to be printed on a printer or in a printing house.

When viewing a CMYK image on a monitor, the same colors may be perceived slightly differently than when viewing an RGB image. In the CMYK model, it is impossible to display very bright colors of the RGB model, the RGB model, in turn, is not able to reproduce the dark dense shades of the CMYK model, since the nature of the color is different.

The display of color on a monitor screen changes frequently and depends on the lighting conditions, the temperature of the monitor and the color of the surrounding objects. In addition, many of the colors visible in real life, cannot be output when printed, not all colors displayed on the screen can be printed, and some printed colors are not visible on the monitor screen.

So, when preparing a company logo for publication on the site, we use the RGB model. When preparing the same logo for printing in a typography (for example, on business cards or letterhead), we use a CMYK model, and the colors of this model on the screen may visually differ slightly from those we see in RGB. Do not be afraid of this: after all, on paper the colors of the logo will match the colors that we see on the screen as much as possible.

HEX / HTML

HEX color is nothing more than RGB hexadecimal representation.

Colors are represented as three groups of hexadecimal digits, where each group is responsible for its own color: # 112233, where 11 is red, 22 is green, 33 is blue. All values \u200b\u200bmust be between 00 and FF.

In many applications, an abbreviated form of notation for hexadecimal colors is allowed. If each of the three groups contains the same characters, for example # 112233, then they can be written as # 123.

  1. h1 (color: # ff0000;) / * red * /
  2. h2 (color: # 00ff00;) / * green * /
  3. h3 (color: # 0000ff;) / * blue * /
  4. h4 (color: # 00f;) / * same blue, shorthand * /

RGB

The RGB (Red, Green, Blue) color space consists of all possible colors that can be obtained by mixing red, green, and blue. This model is popular in photography, television, and computer graphics.

RGB values \u200b\u200bare specified as an integer from 0 to 255. For example, rgb (0,0,255) is displayed as blue because the blue parameter is set to its highest value (255) and the rest are set to 0.

Some applications (notably web browsers) support percentage writing of RGB values \u200b\u200b(from 0% to 100%).

  1. h1 (color: rgb (255, 0, 0);) / * red * /
  2. h2 (color: rgb (0, 255, 0);) / * green * /
  3. h3 (color: rgb (0, 0, 255);) / * blue * /
  4. h4 (color: rgb (0%, 0%, 100%);) / * same blue, percentage writing * /

RGB color values \u200b\u200bare supported in all major browsers.

RGBA

Recently, modern browsers have learned to work with the RGBA color model - an RGB extension with support for an alpha channel, which determines the opacity of an object.

RGBA color value is specified as: rgba (red, green, blue, alpha). Alpha is a number ranging from 0.0 (fully transparent) to 1.0 (fully opaque).

  1. h1 (color: rgb (0, 0, 255);) / * blue in normal RGB * /
  2. h2 (color: rgba (0, 0, 255, 1);) / * same blue in RGBA, because opacity: 100% * /
  3. h3 (color: rgba (0, 0, 255, 0.5);) / * opacity: 50% * /
  4. h4 (color: rgba (0, 0, 255, .155);) / * opacity: 15.5% * /
  5. h5 (color: rgba (0, 0, 255, 0);) / * completely transparent * /

RGBA is supported in IE9 +, Firefox 3+, Chrome, Safari, and Opera 10+.

Hsl

The HSL color model is a cylindrical representation of the RGB model. HSL represents colors in a more intuitive and understandable way than typical RGB. The model is often used in graphics applications, in color pickers, and for image analysis.

HSL stands for Hue (color / hue), Saturation (saturation), Lightness / Luminance (lightness / lightness / luminosity, not to be confused with brightness).

Hue sets the position of the color on the color wheel (from 0 to 360). Saturation is a percentage of saturation (0% to 100%). Lightness is the percentage of lightness (0% to 100%).

  1. h1 (color: hsl (120, 100%, 50%);) / * green * /
  2. h2 (color: hsl (120, 100%, 75%);) / * light green * /
  3. h3 (color: hsl (120, 100%, 25%);) / * dark green * /
  4. h4 (color: hsl (120, 60%, 70%);) / * pastel green * /

HSL is supported in IE9 +, Firefox, Chrome, Safari, and Opera 10+.

HSLA

Similar to RGB / RGBA, HSL has an HSLA mode with an alpha channel to specify the opacity of an object.

The HSLA color value is given as: hsla (hue, saturation, lightness, alpha). Alpha is a number ranging from 0.0 (fully transparent) to 1.0 (fully opaque).

  1. h1 (color: hsl (120, 100%, 50%);) / * green in normal HSL * /
  2. h2 (color: hsla (120, 100%, 50%, 1);) / * same green in HSLA, because opacity: 100% * /
  3. h3 (color: hsla (120, 100%, 50%, 0.5);) / * opacity: 50% * /
  4. h4 (color: hsla (120, 100%, 50%, .155);) / * opacity: 15.5% * /
  5. h5 (color: hsla (120, 100%, 50%, 0);) / * completely transparent * /

CMYK

The CMYK color model is often associated with color printing, with printing. CMYK (as opposed to RGB) is a subtractive model, which means that higher values \u200b\u200bare associated with darker colors.

The colors are defined by the ratio of Cyan, Magenta, Yellow, plus black (Key / blacK).

Each of the numbers that define a color in CMYK represents the percentage of ink of a given color that makes up a color combination, or rather, the size of a raster dot printed on a photosetter on a film of a given color (or directly on a printing plate in the case of CTP).

For example, to obtain the color “PANTONE 7526”, mix 9 parts cyan, 83 parts magenta, 100 yellow, and 46 black. This can be designated as follows: (9,83,100,46). Sometimes they use such designations: C9M83Y100K46, or (9%, 83%, 100%, 46%), or (0.09 / 0.83 / 1.0 / 0.46).

HSB / HSV

HSB (also known as HSV) is similar to HSL, but they are two different color models. They are both based on cylindrical geometry, but HSB / HSV is based on the "hexcone" model, while the HSL is based on the "bi-hexcone" model. Artists often prefer to use this model, it is generally accepted that the HSB / HSV device is closer to natural color perception. In particular, the HSB color model is used in Adobe Photoshop.

HSB / HSV stands for Hue (color / hue), Saturation (saturation), Brightness / Value (brightness / value).

Hue sets the position of the color on the color wheel (from 0 to 360). Saturation is a percentage of saturation (0% to 100%). Brightness is the percentage of brightness (0% to 100%).

XYZ

The XYZ color model (CIE 1931 XYZ) is a purely mathematical space. Unlike RGB, CMYK, and other models, in XYZ, the main components are "imaginary", that is, you cannot relate X, Y, and Z to any set of colors to mix. XYZ is the master model for almost all other color models used in technical fields.

LAB

The LAB color model (CIELAB, "CIE 1976 L * a * b *") is calculated from the CIE XYZ space. When developing Lab, the goal was to create a color space in which the color change will be more linear from the point of view of human perception (compared to XYZ), that is, so that the same change in color coordinate values \u200b\u200bin different regions of the color space produces the same color change sensation.

Did you like the article? To share with friends: