Cómo funciona
El conversor de RGB a HEX pasa valores de color RGB o RGBA a su representación hexadecimal de CSS: convierte rgb(255, 87, 51) en #FF5733. Admite RGB en enteros (0–255), en decimales (0.0–1.0) y valores RGBA con canal alfa.
En diseño se trabaja en RGB porque se corresponde con cómo las pantallas emiten luz y con cómo CSS maneja la opacidad. En desarrollo se suele preferir el hexadecimal porque ocupa menos en las hojas de estilo y en los atributos HTML. Cuando copias un color de Figma (que usa RGB) a un archivo CSS (que suele usar hexadecimal), este conversor salva esa distancia al instante.
Cómo se usa: introduce los valores R, G y B (de 0 a 255) y, si quieres, un valor alfa (de 0 a 255 o de 0.0 a 1.0). El equivalente hexadecimal aparece al momento con una muestra del color. La salida incluye el hexadecimal de seis dígitos, la forma abreviada de tres cuando es posible y el de ocho dígitos con alfa si has indicado uno.
Detección de la forma abreviada: si al convertir cada componente RGB salen pares repetidos (por ejemplo, R=17 → 11, G=34 → 22, B=51 → 33), la herramienta te muestra también la versión de tres dígitos (#123) junto a la completa de seis.
Flujo con Figma: el selector de color de Figma muestra los valores RGB de 0 a 255. Copia esos valores, pégalos aquí y obtén el hexadecimal para tu CSS de un paso, sin cálculos mentales.
Preguntas frecuentes
- Los canales RGB se limitan al rango de 0 a 255. Los valores por encima de 255 se tratan como 255 y los negativos como 0. Se muestra un aviso cuando la entrada se sale del rango.
- Cambia al modo decimal (de 0.0 a 1.0 por canal). Es el formato que usan algunas herramientas de diseño y funciones de color de CSS como color(srgb 1 0.5 0).
- En las dos: puedes elegir. Las mayúsculas (#FF5733) son lo habitual en atributos HTML y en CSS antiguo; las minúsculas (#ff5733) son lo que recomiendan las guías de estilo modernas. El color que se dibuja es idéntico.
- Sí. Introduce el valor alfa (de 0 a 255 o de 0.0 a 1.0) y la salida será un hexadecimal de ocho dígitos (#RRGGBBAA) junto con la función rgba() de CSS.
¿Qué pasa si escribo un valor mayor que 255?
¿Puedo escribir valores RGB decimales como 0,5?
¿El hexadecimal sale en mayúsculas o en minúsculas?
¿Puedo introducir un valor RGB con canal alfa?
Scrollshot — Full Page Screenshot & Annotate
Scrolls the page for you, captures it viewport by viewport and stitches the slices into one seamless image — then opens an editor so you can crop, annotate and blur before saving.