4 modos de color más usados en diseño

Autor: | Última modificación: 29 de marzo de 2022 | Tiempo de Lectura: 3 minutos
Temas en este post:

Desarrollar y diseñar una aplicación requiere organizar muy bien todos los elementos, así que necesitas tener presente mucha información que esté enfocada en que puedas ofrecer una buena UX a través de una UI práctica. Por ello, en este post, te hablaremos sobre los 4 modos de color más usados en el diseño.

Los modos de color

Los modos de color hacen referencia a la forma en la que presentamos los colores; en estos se encuentra toda la información sobre los colores que son necesarios en cada píxel de una imagen. Existen dos tipos de modos de color:

  • Colores aditivos.
  • Colores sustractivos.

Estos influyen en cómo se ven los colores. Por ejemplo, tal vez alguna vez has imprimido una foto y has visto que los colores son menos saturados. O has impreso un trabajo para la universidad, pero los elementos que van a color salen más apagados.

Por ello, varios programas que sirven para diseñar, como Adobe Photoshop o Illustrator, cuentan con una opción para visualizar los elementos que van a color en algunos de los modos de color más usados.

Si quieres aprender sobre las recomendaciones de grandes desarrolladores de aplicaciones, te invitamos a leer nuestro post Guía para diseñar apps iOS y Android, en donde te presentamos las guías para diseñar apps iOS y Android propuestas por Apple y Google Android.

Los modos de color más usados

En el campo del diseño podemos encontrar 4 modos de color más usados: CMYK, RBG, HSB (tono, saturación y luminosidad), Hexadecimal.

CMYK

imagen decorativa de cmyk

El modo CMYK es de tipo sustractivo. Este es uno de los 4 modos de color más usados porque está muy implementado en el sistema de impresión gráfica. Se basa en cuatro colores: cian, magenta, amarillo y negro. Se usan estos colores primarios para lograr los diferentes colores necesarias en una impresión, lo que provoca que sea un sistema que no se preocupa mucho por la tonalidad, la saturación y la luminosidad.

RGB

El modo RGB es de tipo aditivo. Los colores primarios son el rojo, el verde y el azul. Este es una mezcla de los tres colores y crea diferentes matices. Se presta para generar distintas paletas de color.

colores RGB, uno de los 4 modos de color más usados

El RGB se utiliza mucho en los monitores, es decir, las pantallas de ordenadores, televisores, entre otros.

HSB

🔴 ¿Quieres entrar de lleno al Desarrollo Mobile? 🔴

Descubre el Desarrollo de Apps Móviles Full Stack Bootcamp de KeepCoding. La formación más completa del mercado y con empleabilidad garantizada

👉 Prueba gratis el Bootcamp en Desarrollo de Apps Móviles por una semana

El HSB es otro de los modos de color más usados en el diseño. Este nos ofrece la posibilidad de jugar con el tono, la saturación y la luminosidad. El sistema HSB se configura a través de la rueda cromática que encontramos en los diferentes programas de diseño.

rueda cromática hsb

En primer lugar, tenemos el tono que hace referencia al color que queremos utilizar. Este lo podemos identificar por medio del nombre del color.

En segundo lugar, se encuentra la saturación, que es la intensidad del color. Esta representa la escala de grises usada en el color elegido. Este se modifica de acuerdo con tu ubicación en la rueda cromática; si estás muy alejado del centro obtienes colores más saturados, mientras que si estás cerca del centro la saturación disminuye.

En tercer lugar, está la luminosidad, que representa la cantidad de brillo que contiene el color, es decir, el porcentaje de blanco o negro que deseas en tu imagen.

Hexadecimal

El sistema hexadecimal se basa en los colores aditivos. Este se modifica por medio de números y letras, es decir, sus valores son de carácter alfanumérico. Por esto, toma los números del 0 al 9 y las letras de la A hasta la F.

ejemplo de dolor hexadecimal

En este modo, los códigos corresponden al modo RGB y se generan así: #RRGGBB. Aquí el 0 hace referencia a la ausencia de luz y la F a la presencia de la misma.

¿Por dónde seguir?

¿Quieres conocer más acerca de los modos de color más usados en diseño y todo lo que implica el desarrollo de aplicaciones? Si eso es lo que te gusta, te invitamos a explorar nuestro Desarrollo de Apps Móviles Full Stack Bootcamp, con el que aprenderás diferentes pautas para diseñar y lograrás aplicar las UI en el diseño de aplicaciones, conocerás algunos programas destinados a ello y mucho más.

[email protected]