Conversión de códigos de color

En este tutorial, veremos cómo podemos combinar diferentes códigos de color para obtener diferentes colores, y cómo podemos ocultar los códigos de color RGB en hexadecimal y viceversa.

Varios códigos de colores

Todos los colores aquí son 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 partes diferentes. Solo necesita cambiar la cantidad de estas tres porciones para obtener cualquier color.

Formato de color binario

De color negro

Fotografía:

negro

Código decimal:

(0,0,0)

Explicación:

Como se explicó en tutoriales anteriores, en formato de 8 bits, 0 significa negro. Entonces, si queremos crear negro puro, tenemos que hacer que las tres partes R, G, B sean iguales a 0.

el color blanco

Fotografía:

blanco

Código decimal:

(255 255 255)

Explicación:

Dado que cada parte R, G, B es una parte de 8 bits. Entonces, en blanco de 8 bits, 255. Esto se explica en el tutorial de píxeles. Entonces, para hacer que el color sea blanco, establecemos cada porción en 255, y así es como obtuvimos el color blanco. Al establecer cada valor en 255, obtenemos un total de 255, lo que hace que el color sea blanco.

Modelo de color RGB:

color rojo

Fotografía:

rojo

Código decimal:

(255,0,0)

Explicación:

Como solo queremos rojo, ponemos a cero las otras dos partes, verde y azul, y establecemos la parte roja en el valor máximo de 255.

Color verde

Fotografía:

verde

Código decimal:

(0.255.0)

Explicación:

Como solo queremos el verde, ponemos a cero las otras dos partes, que son rojas y azules, y establecemos la parte verde en el valor máximo de 255.

Color azul

Fotografía:

azul

Código decimal:

(0,0,255)

Explicación:

Como solo queremos azul, ponemos a cero las otras dos partes, que son roja y verde, y establecemos la parte azul en el valor máximo de 255.

Color gris:

Color gris

Fotografía:

gris

Código decimal:

(128 128 128)

Explicación

Como ya identificamos en nuestro tutorial de píxeles, este gris es en realidad el punto medio. En formato de 8 bits, el punto medio es 128 o 127. En este caso, elegimos 128. Así que establecemos cada segmento en su punto medio, que es 128, y esto da como resultado una media general y obtenemos un 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 usa comúnmente en impresoras a color que usan dos jaulas de color. Uno está hecho de CMY y el otro está hecho de negro.

Los colores CMY también se pueden obtener cambiando la cantidad o proporción de colores rojo, verde y azul.

Color azul

Fotografía:

azul

Código decimal:

(0,255,255)

Explicación:

El azul se forma a partir de una combinación de dos colores diferentes, verde y azul. Así que establecemos estos dos valores en su máximo y ponemos a cero parte del rojo. Y obtenemos un color azul.

Color morado

Fotografía:

púrpura

Código decimal:

(255 0 255)

Explicación:

El magenta se forma a partir de una combinación de dos colores diferentes, rojo y azul. Así que establecemos estos dos valores en su máximo y ponemos a cero parte del verde. Y obtenemos un color magenta.

Color amarillo

Fotografía:

amarillo

Código decimal:

(255.255,0)

Explicación:

El amarillo se forma a partir de una combinación de dos colores diferentes: rojo y verde. Así que establecemos estos dos valores al máximo y ponemos a cero parte del azul. Y nos ponemos amarillos.

Transformación

Ahora veremos cómo se convierten los colores de un formato a otro.

Conversión de código RGB a hexadecimal:

La conversión de Hex a RGB se realiza con este método:

  • Toma el color. Por ejemplo: Blanco = (255, 255, 255).

  • Tome la primera pieza, por ejemplo 255.

  • Divídalo por 16. Así:

  • transformación

  • Toma los dos números debajo de la línea, factoriza y resto. En este caso, es 15 15, que corresponde a 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:

Esto convierte de hexadecimal a decimal RGB.

Toma 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 parte por separado a binario: (1111) (1111)

Ahora combine los binarios individuales en uno: 11111111

Convierta este binario a decimal: 255

Ahora repita el paso 2 dos veces más.

En la primera etapa, aparece el valor de R, en la segunda – G, y en la tercera – B.

Respuesta: (255, 255, 255)

Esta tabla enumera los colores comunes y su código hexadecimal.

Color Código hexadecimal
Negro # 000000
blanco #FFFFFF
gris # 808080
rojo # FF0000
Verde # 00FF00
Azul # 0000FF
Azul # 00FFFF
Púrpura # FF00FF
Amarillo # FFFF00

🚫