Conversión de códigos de color
En este tutorial, veremos cómo se pueden combinar diferentes códigos de color para hacer otros colores, y cómo podemos convertir los códigos de color RGB a hexadecimal y viceversa.
Diferentes códigos de colores
Todos los colores aquí son del formato de 24 bits, lo que significa que cada color tiene 8 bits de rojo, 8 bits de verde y 8 bits de azul. O podemos decir que cada color tiene tres porciones diferentes. Solo tienes que cambiar la cantidad de estas tres porciones para hacer cualquier color.
Formato de color binario
De color negro
Imagen:
Código decimal:
(0,0,0)
Explicación:
Como se ha explicado en los tutoriales anteriores, que en un formato de 8 bits, 0 se refiere a negro. Entonces, si tenemos que hacer un color negro puro, tenemos que convertir las tres partes de R, G, B en 0.
Color blanco
Imagen:
Código decimal:
(255,255,255)
Explicación:
Dado que cada parte de R, G, B es una parte de 8 bits. Entonces, en 8 bits, el color blanco está formado por 255. Se explica en el tutorial de pixel. Entonces, para hacer un color blanco, configuramos cada porción en 255 y así es como obtuvimos un color blanco. Al establecer cada uno de los valores en 255, obtenemos un valor total de 255, eso hace que el color sea blanco.
Modelo de color RGB:
Color rojo
Imagen:
Código decimal:
(255,0,0)
Explicación:
Como solo necesitamos el color rojo, cerramos el resto de las dos porciones que son verde y azul, y establecemos la porción roja a su máximo, que es 255.
Color verde
Imagen:
Código decimal:
(0,255,0)
Explicación:
Como solo necesitamos el color verde, ponemos a cero el resto de las dos porciones que son rojas y azules, y establecemos la porción verde a su máximo, que es 255.
Color azul
Imagen:
Código decimal:
(0,0,255)
Explicación:
Como solo necesitamos el color azul, ponemos a cero el resto de las dos porciones que son rojas y verdes, y establecemos la porción azul a su máximo, que es 255
Color gris:
Color gris
Imagen:
Código decimal:
(128,128,128)
Explicación
Como ya hemos definido en nuestro tutorial de píxeles, ese color gris es en realidad el punto medio. En un formato de 8 bits, el punto medio es 128 o 127. En este caso, elegimos 128. Así que establecemos cada parte en su punto medio, que es 128, y eso da como resultado un valor medio general y obtenemos el color gris.
Modelo de color CMYK:
CMYK es otro modelo de color en el que c representa cian, m representa magenta, y representa amarillo y k representa negro. El modelo CMYK se utiliza comúnmente en impresoras a color en las que se utilizan dos carters de color. Uno consiste en CMY y otro consiste en color negro.
Los colores de CMY también pueden hacerse cambiando la cantidad o porción de rojo, verde y azul.
Color: cian
Imagen:
Código decimal:
(0,255,255)
Explicación:
El color cian se forma a partir de la combinación de dos colores diferentes que son el verde y el azul. Así que establecemos esos dos al máximo y ponemos a cero la porción de rojo. Y obtenemos el color cian.
Color: magenta
Imagen:
Código decimal:
(255,0,255)
Explicación:
El color magenta se forma a partir de la combinación de dos colores diferentes que son el rojo y el azul. Así que establecemos esos dos al máximo y ponemos a cero la porción de verde. Y obtenemos el color magenta.
Color amarillo
Imagen:
Código decimal:
(255,255,0)
Explicación:
El color amarillo se forma a partir de la combinación de dos colores diferentes que son el rojo y el verde. Así que establecemos esos dos al máximo y ponemos a cero la porción de azul. Y obtenemos el color amarillo.
Conversión
Ahora veremos que cómo se convierten los colores son de un formato a otro.
Conversión de código RGB a Hex:
La conversión de Hex a rgb se realiza mediante este método:
Toma un color. Por ejemplo: Blanco = (255, 255, 255).
Tome la primera porción, por ejemplo, 255.
Divídalo por 16. Así:
![]()
Tome los dos números debajo de la línea, el factor y el resto. En este caso es 15 15 que es FF.
Repita el paso 2 para las siguientes dos porciones.
Combina todo el código hexadecimal en uno.
Respuesta: #FFFFFF
Conversión de Hex a RGB:
La conversión de código hexadecimal a formato decimal rgb se realiza de esta forma.
Tome un número hexadecimal. Por ejemplo: #FFFFFF
Divida este número en 3 partes: FF FF FF
Tome la primera parte y separe sus componentes: FF
Convierta cada una de las partes por separado en binario: (1111) (1111)
Ahora combine los binarios individuales en uno: 11111111
Convierta este binario en decimal: 255
Ahora repita el paso 2, dos veces más.
El valor que viene en el primer paso es R, el segundo es G y el tercero pertenece a B.
Respuesta: (255, 255, 255)
En esta tabla se dan los colores comunes y su código hexadecimal.
| Color | Código hexadecimal |
|---|---|
| Negro | # 000000 |
| Blanco | #FFFFFF |
| gris | # 808080 |
| rojo | # FF0000 |
| Verde | # 00FF00 |
| Azul | # 0000FF |
| Cian | # 00FFFF |
| Magenta | # FF00FF |
| Amarillo | # FFFF00 |