Rojo
Introduce rojo 255, verde 0 y azul 0.
Introduce los canales rojo, verde y azul como números enteros de 0 a 255. Obtén el código HEX de 6 dígitos, consulta la vista previa y copia el color para utilizarlo en CSS.
Introduce los datos necesarios y obtén el resultado.
Mantén el orden de los canales. Por ejemplo, para rgb(51, 102, 153),
escribe 51 en rojo, 102 en verde y 153 en azul. Intercambiar los valores puede
producir un color diferente.
Cada canal se convierte de base 10 a base 16 y ocupa dos posiciones.
El código final reúne las parejas en el orden #RRGGBB.
Así, 51 se escribe 33, 102 se escribe 66
y 153 se escribe 99: el resultado es #336699.
Los ceros iniciales mantienen la longitud del código. El canal 0 se representa
como 00 y el canal 15 como 0F.
Puedes consultar la
notación hexadecimal de colores en CSS del W3C.
Copia el código con su símbolo # para utilizarlo como valor de una propiedad.
Por ejemplo: background-color: #336699;.
El resultado se presenta en mayúsculas para mantener una escritura uniforme.
La vista previa acompaña al código y a los datos numéricos. La herramienta no calcula contraste entre colores ni ajusta el color para una combinación concreta.
Si un canal está vacío, contiene un decimal o queda fuera de 0 a 255, se muestra un mensaje para que puedas corregirlo. El conversor no sustituye entradas vacías por cero ni recorta valores como 300 a 255.
Los porcentajes y el canal alfa quedan fuera de esta conversión. Utiliza los valores enteros de los tres canales para obtener el código RGB opaco correspondiente.
Si ya tienes un código hexadecimal y necesitas sus canales decimales, utiliza el Conversor HEX a RGB. Admite códigos de 3 o 6 dígitos sin transparencia.
Algunos ejemplos prácticos para entender cómo utilizar esta herramienta.
Introduce rojo 255, verde 0 y azul 0.
Introduce rojo 51, verde 102 y azul 153.
Introduce rojo 1, verde 2 y azul 15.
Introduce 255 en los tres canales.
Resolvemos algunas dudas habituales sobre esta herramienta.