¿Algo va mal con esta herramienta?
Sobre «Convertidor De HEX A RGB En Línea»
Esta herramienta convierte códigos de color hexadecimales (#FF5733) a notación RGB (rgb(255, 87, 51)) y al revés. Ambos formatos representan los mismos colores, pero distintas herramientas y contextos prefieren uno u otro — hex es conciso para CSS, RGB es más legible al trabajar con sliders programáticamente.
El convertidor maneja hex de 6 dígitos (#FF5733), forma corta de 3 dígitos (#F53 = #FF5533), y hex de 8 dígitos con canal alfa (#FF5733FF). La salida se ofrece tanto en rgb() como en la sintaxis moderna rgb(r g b / a).
Útil al portar diseños entre herramientas (Figma muestra hex, el código espera rgb), al depurar diferencias visuales en CSS, o al construir herramientas que trabajen con ambos formatos.
Cómo usar esta herramienta
Cómo convertir un color hex a RGB
Introduce el código hex
Valor hex en el campo «Hex (#RGB or #RRGGBB)». El `#` inicial es opcional y la mayúsculas/minúsculas no importan — `#FF00aa` y `ff00aa` son equivalentes.
Expansión de 3 dígitos
El hex de 3 dígitos se expande duplicando cada dígito: `#abc` se convierte en `#aabbcc` antes del análisis. Cualquier longitud distinta a 3 o 6 dígitos hex válidos se rechaza con un error claro.
Ejecutar
Resultado: `r`, `g`, `b` (cada uno 0–255), `rgbCss` (cadena `rgb(r, g, b)` lista para copiar) y `hex` (forma normalizada de 6 dígitos en minúsculas).
Usa rgbCss directamente
rgbCss está formateado tal como los navegadores lo esperan en estilos inline. Pégalo en tu hoja de estilos, herramienta de diseño o prop del componente sin edición adicional.