Cómo convertir HEX a RGB (y al revés)
Las entregas de diseño llegan en hexadecimal y las hojas de estilo mezclan rgb() y hsl(). Pega el color que tengas y lee todas las notaciones a la vez: convertidas, redondeadas y listas para copiar.
Paso a paso
Abre el conversor de colores
Inicia el conversor gratuito, sin instalar nada.
Pega tu color
Introduce un código HEX de 3, 4, 6 u 8 dígitos, o un valor rgb()/rgba() o hsl()/hsla().
Lee todos los formatos a la vez
HEX, RGB, HSL, HSV y OKLCH se actualizan juntos y el canal alfa se conserva.
Ajusta si hace falta
Mueve los controles RGB para retocar el color y observa cómo las demás notaciones lo siguen.
Copia lo que necesite tu proyecto
Un solo valor o la declaración de propiedad personalizada CSS lista para tu archivo de tokens.
Consejos para acertar a la primera
Un HEX de 8 dígitos como #14B8A680 guarda la transparencia en los dos últimos dígitos, y el alfa sobrevive a todas las conversiones.
HSV y OKLCH son solo de salida: al pegar un color, parte de HEX, rgb() o hsl().
Copia desde la conversión original en lugar de reconvertir un valor redondeado; los viajes de ida y vuelta pueden desplazar un canal en una unidad.
Preguntas frecuentes
¿#RRGGBB es el mismo color que rgb()?
Sí. Son dos notaciones para los mismos canales de rojo, verde y azul: hexadecimal escribe cada canal con dos dígitos y rgb() los lista como números de 0 a 255.
¿Qué son los códigos HEX de 4 y 8 dígitos?
Los dígitos adicionales codifican el canal alfa: #RGBA y #RRGGBBAA son las formas corta y completa de un color con transparencia, donde FF es totalmente opaco.