Comunidad de diseño web y desarrollo en internet

¿Qué es RGB? Red Green Blue

Mediante este tip vamos a ver que se entiende por RGB y como están compuestos estos modelos de color.

La descripción RGB (del inglés Red, Green, Blue; "rojo, verde, azul") de un color hace referencia a su composición de la intensidad de los colores primarios con que se forma: el rojo, el verde y el azul. Este un modelo de color basado en lo q se conoce como síntesis aditiva, con lo que es posible representar a un color por la mezcla por adición de los tres colores luz primarios.

Para indicar con qué proporción se mezcla cada color, le asignamos un valor a cada uno de los colores primarios, así, por ejemplo, el valor 0 significa que no interviene en la mezcla, y en la medida que ese valor aumenta, aportará más intensidad a la mezcla.
Lo que conocemos como píxel es en realidad un conjunto de tres puntos, uno rojo, uno verde y uno azul, cada uno de los cuales brilla con una determinada intensidad.

La gama de colores de la web consiste en 216 combinaciones de rojo, verde y azul, donde cada color puede tomar un valor entre seis diferentes (en hexadecimal): #00, #33, #66, #99, #CC o #FF, que tienen un porcentaje de intensidad de 0%, 20%, 40%, 60%, 80% y 100%, respectivamente.

La codificación hexadecimal del color nos permite expresar fácilmente un color especifico de la escala RGB, utilizando la notación hexadecimal. esta notación la encontramos, por ejemplo, en el lenguaje HTML, JavaScript, o ActionScript, y otros lenguajes

Este sistema utiliza la combinación de tres códigos de dos dígitos para expresar las diferentes intensidades de los colores primarios RGB, por ejemplo:

Blanco y Negro


  • negro: #000000 donde los canales estan al minimo: 00, 00, 00.
  • blanco: #FFFFFF donde los canales estan al maximo FF, FF, FF.

En este sistema, el hexadecimal, además de los números del 0 al 9 se utilizan seis letras con lo sig valores numéricos

  • A =10
  • B =11
  • C =12
  • D =13
  • E =14
  • F =15

La correspondencia entre la numeración hexadecimal y la decimal u ordinaria se puede representar por la siguiente fórmula:

Código :

decimal = primera cifra hexadecimal * 16 + segunda cifra hexadecimal 

Así, cualquier color puede definirse por tres pares de dígitos.
veamos:

Colores Primarios

  • rojo: #FF0000 donde el canal rojo esta al máximo y los otros al mínimo: FF, 00, 00.
  • verde: #00FF00 donde el canal verde esta al máximo y los otros al mínimo: 00, FF, 00.
  • azul: #0000FF donde el canal azul esta al maximo y los otros al minimo: 00, 00, FF.

Secundarios o CYM (Cyan, Yellow, Magenta)*

  • cian: #00FFFF donde los canales azul y verde están al máximo: 00, FF, FF.
  • amarillo (yellow): #FFFF00 donde los canales rojo y verde están al máximo: FF, FF, 00.
  • magenta: #FF00FF donde los canales rojo y azul están al máximo: FF, 00, FF.

*CYMK se le agraga la "K" de "key" q es el negro

Colores HTML o web

  • cyan: #00FFFF
  • gray: #808080
  • navy: #000080
  • silver:#C0C0C0
  • black: #000000
  • green: #008000
  • olive: #808000
  • teal: #008080
  • blue: #0000FF
  • lime: #00FF00
  • purple: #800080
  • fuchsia: #FF00FF
  • maroon: #800000
  • red: #FF0000
  • yellow: #FFFF00
  • white: #FFFFFF


ahora, podremos por ejemplo usar perfectamente la clase ColorTransform de ActionScript, saber en q medida queremos cada valor para r, g, y b.
en fin, espero les sirva :wink:

Cristalab y Mejorando.la te traen el Curso Profesional de Node.js y Javascript. Online, avanzado, con diploma de certificación y clases en vivo.

Publica tu comentario

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate