RGB and HEX color

       In the last case, we have introduced two types of printing color inks (CMYK and Pantone) which used in the printer. While in this passage you can learn another two types of color system which used in personal mobile devices and computer monitors. They are RGB and HEX color. Both HEX and RGB are used to define colors through the code. There is not easy to keep the color right and consistent on every computer screen and mobile device. Thus, we use RGB and HEX colors to achieve that. Anyone who works on a computer has seen these terms used to describe color types, but many people don’t understand what they are, how to use them, and what the difference is between them. Now we’ll drill down a little deeper, look at each color type individually, and explain what it is and how to use them.

      RGB (red, green, blue)

      RGB is the process by which colors are rendered onscreen by using combinations of red, green, and blue. In the world of computers, TV screens, and mobile devices, RGB is the most commonly used color. In traditional color theory, all other colors can be derived from combinations of these three, and it was thought that these three colors could not be formed by a mix of any other colors. When you mix fully saturated versions of all three colors (red, green, and blue) together, you get pure white. When you remove all three colors completely, you get black.

      RGB is specific to digital applications only. This includes mobile devices, computer monitors, laptops, TV and movie screens, games, and illuminated signs.

      They are written in the following way:

      color: RGB(0, 0, 0); /* black */

      color: RGB(255, 255, 255); /* white */

      HEX (hexadecimal color)

      Designers and developers often use HEX colors in web design. A HEX color is expressed as a six-digit combination of numbers and letters defined by its mix of red, green, and blue (RGB). Basically, a HEX color code is a shorthand for its RGB values with a little conversion gymnastics in between.、‘’

      Hex color codes actually use the same principle as RGB color codes, as they both define colors using the RGB color mode. They are written in a slightly different way:

      color: #000000; /* black */

      color: #FFFFFF; /* white */

      What is the difference between HEX and RGB and when we should use one or the other color type? Basically, the functionality of both color types is the same, meaning they both will display the same color.

      Which color model should I use? Generally, choosing a color model is a fairly minor design decision, but good things are made with many small decisions. In general, hex codes make copy-pasting easy and are great in situations where humans probably won’t be involved very much. RGB is decent for readability and is best used when it would be nice if a human could sometimes tweak transparency. Other than that, it’s pretty much a matter of preference. There are plenty of free conversion tools online. Simply search, “RGB to HEX” to find one you’re comfortable with.

2021.4.19 by Jessie