Convertir colores de RGB a HEX es tan simple como convertir sus valores numéricos de un sistema numérico decimal a hexadecimal. Para convertir el color RGB (50, 168, 82), convertimos cada uno de los números a valores hexadecimales:
50 = 32 168 = A8 82 = 52
RGB(50, 168, 82) = #32A852
RGB
significa tonos de luz rojo, verde y azul que se pueden mezclar para crear diferentes colores. Es el método estándar de producir imágenes para pantallas de TV, monitores de computadora y pantallas de teléfonos inteligentes.
Para ser más precisos, RGB es un modelo de color aditivo, lo que significa que debe agregar matices para crear un color diferente.
Imagínese apilando colores uno encima del otro:
Nota: diferentes dispositivos producen diferentes valores RGB. Cada dispositivo utiliza una teoría de mezcla de colores diferente, lo que significa que los colores RGB no son los mismos en todos los dispositivos y necesitan una gestión del color para verse igual.
Para describir un color en el modelo de color RGB, debe decir cuánto rojo, verde y azul se necesita.
Usted indica la cantidad de rojo, verde y azul que se necesita usando un triplete RGB (R, G, B)
donde cada uno de los elementos puede variar de cero a un valor máximo definido.
Si todos los elementos están en cero (0, 0, 0)
- el resultado es el color negro.
Si todos los elementos están al máximo (255, 255, 255)
- el resultado es el color blanco.
Las combinaciones de estos números forman diferentes colores. (255, 255, 0)
- el resultado es de color amarillo
Esto se conoce como profundidad del color y se mide en bits.
A partir de 2018, casi todas las pantallas de televisores, computadoras y teléfonos inteligentes utilizan una profundidad de color de 24 bits conocida como color verdadero. Admite ocho bits para cada uno de los tres colores, o 24 bits en total.
Esto proporciona 28 o 256 valores posibles para rojo, verde y azul:
256 x 256 x 256 = 16,777,216 total de colores posibles en la paleta de colores reales
Hexadecimal
describe un sistema numérico de base 16 compuesto por 16 símbolos. Utiliza números del 0 al 9 para representar los números del 0 al 9 y letras de la A a la F para representar los números del 10 al 15.
Se utiliza con mayor frecuencia en informática y matemáticas como un medio para representar código binario en una forma legible por humanos.
A diferencia de las computadoras o los científicos, la mayoría de nosotros usamos el sistema de numeración decimal. Consiste en números del 0 al 9 y es la forma estándar de usar números. Empezamos a aprenderlo en el preescolar y lo usamos todos los días:
un automóvil conduce a 10 mph un gato pesa 4 kg un mes se compone de 30 días
Ahora que conocemos la diferencia entre hexadecimal y decimal, examinemos cómo podemos convertir de uno a otro.
Como ya sabemos, en el sistema numérico hexadecimal, los números del 0 al 9 representan del 0 al 9, y las letras de la A a la F representan del 10 al 15 en el sistema decimal.
Aquí hay una tabla detallada que es buena para explicar la conversión de números hexadecimales a decimales:
Para convertir RGB a HEX, debe convertir los valores de color rojo, verde y azul de decimal a hexadecimal.
Ejemplo #1: convertir color rojo (255, 0, 0)
a MALEFICIO:
R = 255 = FF GRAMO = 0 = 00 segundo = 0 = 00 MALEFICIO = #FF0000
Ejemplo #2: convertir color verde (0, 255, 0)
a MALEFICIO:
R = 0 = 00 GRAMO = 255 = FF segundo = 0 = 00 MALEFICIO = #00FF00
Ejemplo #3: convertir color azul (0, 0, 255)
a MALEFICIO:
R = 0 = 00 GRAMO = 0 = 00 segundo = 255 = FF MALEFICIO = #0000FF
Ejemplo #4: convertir color negro (0, 0, 0)
a MALEFICIO:
R = 0 = 00 GRAMO = 0 = 00 segundo = 0 = 00 MALEFICIO = #000000
Ejemplo #5: convertir color blanco (255, 255, 255)
a MALEFICIO:
R = 255 = FF GRAMO = 255 = FF segundo = 255 = FF MALEFICIO = #FFFFFF
Prima ejemplo #6: convertir color dorado (255, 215, 0)
a MALEFICIO:
R = 255 = FF GRAMO = 215 = D7 segundo = 0 = 00 MALEFICIO = #FFD700
Para convertir HEX a RGB, debe dividir el valor hexadecimal en pares de dos y convertirlo en un número decimal.
Ejemplo #1: convertir color rojo #FF0000
a RGB:
FF = 255 00 = 0 00 = 0 RGB = (255, 0, 0)
Ejemplo #2: convertir color verde #00FF00
a RGB:
00 = 0 FF = 255 00 = 0 RGB = (0, 255, 0)
Ejemplo #3: convertir color azul #0000FF
a RGB:
00 = 0 00 = 0 FF = 255 RGB = (0, 0, 255)
Ejemplo #4: convertir color negro #000000
a RGB:
00 = 0 00 = 0 00 = 0 RGB = (0, 0, 0)
Ejemplo #5: convertir color blanco #FFFFFF
a RGB:
FF = 255 FF = 255 FF = 255 RGB = (255, 255, 255)
Prima ejemplo #6: convertir color dorado #FFD700
a RGB:
FF = 255 D7 = 215 00 = 0 RGB = (255, 215, 0)
Como podemos ver en los ejemplos anteriores, la principal diferencia entre RGB y HEX es que utiliza diferentes sistemas numéricos. RGB usa decimal y HEX usa hexadecimal.
Convertir colores de RGB a HEX es tan simple como convertir sus valores numéricos de decimal al sistema numérico hexadecimal.
De nuestra experiencia y de lo que nuestro equipo ha observado a lo largo de los años, el hexadecimal se usa con más frecuencia que el RGB, especialmente en las industrias de desarrollo y diseño web.
Sin embargo, no importa cuál use, ya que ambos representan el mismo color. La única sugerencia: mantente constante.
Si comienza a utilizar RGB en todo nuestro proyecto web, apéguese a él. Si comienza a usar HEX en todo nuestro proyecto web, intente usar solo HEX