por Developing and designing an application requires organizing all the elements very well, so you need to keep in mind a lot of information that is focused on offering a good UX through a practical UI. Therefore, in this post, we will talk to you about the 4 most used color modes in design.
Color modes
Color modes refer to the way we present colors; These contain all the information about the colors that are necessary in each pixel of an image. There are two types of color modes:
Additive colors. Subtractive colors.
These influence how colors are seen. For example, maybe you’ve ever printed a photo and noticed that the colors are less saturated. Or you have printed a paper for university, but the elements that are in color come out duller.
For this reason, several programs that are used to design, such as Adobe Photoshop or Illustrator, have an option to display elements that go to color in some of the modes most used color.
If you want to learn about recommendations from great app developers, We invite you to read our post Guide to designing iOS and Android apps, where we present the guides to design iOS and Android apps proposed by Apple and Google Android.
The most used color modes
In the field of design we can find 4 most used color modes: CMYK, RBG, HSB (hue, saturation and lightness), Hexadecimal.
color mode CMYK
The mode CMYK is subtractive type. This is one of the 4 most used color modes because it is widely implemented in the graphic printing system. It is based on four colors: cyan, magenta, yellow and black. These primary colors are used to achieve the different colors needed in a print, which makes it a system that does not care much about hue, saturation and luminosity.
RGB color mode
The mode RGB is additive type. The primary colors are red, green and blue. This is a mix of all three colors and creates different shades. It lends itself to generating different color palettes.
RGB is widely used in monitors, that is, computer screens, televisions, among others.
HSB color mode
HSB is another of the most used color modes in design. This offers us the possibility of playing with tone, saturation and luminosity. The HSB system is configured through the color wheel that we find in the different design programs.
First of all, we have he tone that refers to the color we want to use. We can identify this by the name of the color.
Secondly, there is the saturation, which is the intensity of the color. This represents the gray scale used in the chosen color. This is modified according to your location on the color wheel; If you are too far from the center you get more saturated colors, while if you are close to the center the saturation decreases.
Third, there is luminosity, which represents the amount of glitter the color contains, that is, the percentage of white or black you want in your image.
Hexadecimal System
The hexadecimal system is based on additive colors. This is modified by numbers and letters, that is, its values are alphanumeric. For this, take the numbers from 0 to 9 and the letters from A to F.
In this color mode, the codes correspond to RGB mode and are generated like this: #RRGGBB. Here the 0 refers to the absence of light and the F to its presence.
Where to continue?
Do you want to know more about the most used color modes in design and everything that application development involves? If that is what you like, we invite you to explore our Full Stack Mobile App Development Bootcamp, with which you will learn different guidelines for designing and you will be able to apply UIs in the design of applications, you will learn about some programs intended for this and much more.