Conversor de RGB a Hex (y de Hex a RGB) — Gratis, Sin Registro
Introduce un valor RGB o un código de color hexadecimal para convertirlo al instante en la otra dirección. Funciona tanto de RGB a hex como de hex a RGB, listo para pegar en tu CSS o herramienta de diseño — gratis, sin necesidad de registro.
Decimal (Base 10)
| R | |
|---|---|
| G | |
| B |
Hexadecimal (Base 16)
| # |
|---|
Cómo se relacionan RGB y los códigos de color hexadecimales
Un color en pantalla lo determina cuánto se mezclan tres luces: roja, verde y azul. Expresar la intensidad de cada una con un número de 0 a 255 da el formato RGB; reescribir esos mismos valores en dos dígitos hexadecimales cada uno y alinearlos da el código de color hexadecimal #RRGGBB. Es decir, ambos son simplemente notaciones distintas del mismo color, y esta herramienta convierte de una a otra.
Existen dos notaciones porque sirven para trabajos distintos. El hexadecimal expresa un color en seis caracteres, lo que facilita pasarlo entre CSS y las herramientas de diseño. El RGB, en cambio, muestra cada componente como un número visible, lo que hace mucho más sencillos ajustes del tipo «subir un poco el rojo». Se muestran ambos formatos para que use el que convenga a la tarea del momento.
Cómo usar el conversor de códigos de color
- Introduzca el valor que quiere convertir Ponga los valores R, G y B en los campos decimales, o un código de color en el campo hexadecimal. La conversión funciona en ambos sentidos.
- Lea el otro formato El valor correspondiente aparece a medida que escribe, listo para copiarlo directamente en CSS o en una herramienta de diseño.
- Ajuste los valores y pruebe colores Subir y bajar los números del lado decimal hace fácil seguir el cambio de color, de modo que puede acercarse al tono que busca.
Consejos para aprovecharla mejor
- En CSS puedes especificar colores en formato
#RRGGBBy también enrgb(R, G, B). - Cada canal — R (rojo), G (verde), B (azul) — tiene un rango de 0 a 255 (00 a FF en hexadecimal).
- El blanco es
#FFFFFF(255, 255, 255) y el negro es#000000(0, 0, 0). - Herramientas de diseño como Figma y Adobe XD admiten ambos formatos, por lo que puedes copiar el valor directamente.
- La abreviatura
#FFFequivale a#FFFFFF(blanco) y es CSS válido.
Cuándo resulta útil convertir códigos de color
Pasar un color del diseño al código
Convierta un color que su herramienta de diseño muestra en RGB al formato hexadecimal que espera el CSS, y evite errores de convertir a mano.
Reproducir con fidelidad un color de marca
Cuando un color indicado le llega solo en uno de los formatos, conviértalo al otro y mantenga todo coherente. Evita que los colores se desvíen entre un documento y la web.
Ajustar un color poco a poco
Ajustes difíciles de calibrar en hexadecimal se vuelven intuitivos al pasar a números RGB: van bien para afinar el brillo o el matiz.
Investigar la paleta de un sitio existente
Convierta un código de color recogido en las herramientas para desarrolladores y verá la intensidad de cada componente como un número.
Términos de los códigos de color
- RGB
- Un sistema que expresa el color mediante la intensidad de las luces roja, verde y azul. Cada una toma un valor de 0 a 255; las tres a 255 dan blanco.
- Hexadecimal
- Una notación que representa números con dieciséis símbolos, del 0 a la F. Como cubre de 0 a 255 en exactamente dos dígitos, se usa para los códigos de color.
- Forma abreviada
- La forma acortada a tres dígitos, como
#FFF. Solo puede usarse cuando ambos dígitos de cada componente son el mismo carácter. - Color de 24 bits
- Un sistema que asigna ocho bits a cada componente. Juntos expresan unos 16,77 millones de colores.
- Canal
- Cada componente individual que forma un color. En RGB, el rojo, el verde y el azul son un canal cada uno.
Preguntas frecuentes
#FFFFFF y #ffffff se tratan de forma idéntica en CSS. Los códigos hexadecimales no distinguen entre mayúsculas y minúsculas.#AABBCC → #ABC). Un valor como #1DA1F2 no puede abreviarse.
A propósito — El misterio del color: el ojo humano y los 16,7 millones de colores
Se estima que el ojo humano puede distinguir alrededor de 10 millones de colores (con variaciones individuales). El color RGB de 24 bits (8 bits por canal) puede representar 16.777.216 colores, muy por encima de los límites de la percepción humana.
Colores de marca famosos en RGB: Twitter Blue #1DA1F2 (29, 161, 242), Google Red #EA4335 (234, 67, 53), LINE Green #00B900 (0, 185, 0). El icónico azul de Tiffany — Tiffany Blue — se aproxima a #0ABAB5 y es uno de los pocos colores registrados como marca comercial.
Un dato curioso: CSS tiene un color llamado rebeccapurple (#663399). Fue propuesto por la comunidad CSS en homenaje a Rebecca, la hija de 6 años del autor de especificaciones CSS Eric Meyer, y fue adoptado oficialmente en 2014. Sigue siendo un episodio muy recordado en la comunidad de ingeniería.