Convertidor de Colores HEX, RGB, HSL
Convierte colores entre diferentes formatos al instante. Incluye selector visual y busqueda por nombre.
Resultados
Formatos de Color para Desarrollo Web y Diseño
Los colores en CSS se pueden expresar de múltiples maneras y cada formato tiene ventajas según el contexto. HEX (#0b7a75) es el más compacto y el preferido en código CSS tradicional; la variante de 8 dígitos (#0b7a75ff) añade el canal alfa. RGB (rgb(11, 122, 117)) es más legible para humanos y se usa frecuentemente en JavaScript para manipular colores dinámicamente. HSL (hsl(173, 83%, 25%)) es el formato más intuitivo para crear variaciones: cambiar la luminosidad crea versiones más claras u oscuras del mismo color sin alterar su tono.
En proyectos con design systems, tener los mismos colores en todos los formatos es útil para trabajar entre diferentes herramientas: Figma exporta en HEX, algunos frameworks de CSS usan variables HSL para facilitar los themes, y los canales RGB son necesarios para aplicar transparencias con rgba() o para convertir a espacios de color alternativos. Usa este conversor para homogeneizar los valores de tu paleta.
Guía de referencia de formatos
HEX: Formato hexadecimal (#RRGGBB). Ejemplo: #0b7a75
RGB: Rojo, Verde, Azul en valores 0-255. Ejemplo: rgb(11, 122, 117)
HSL: Matiz (0-360°), Saturación (0-100%), Luminosidad (0-100%). Ejemplo: hsl(173, 83%, 25%)
Preguntas frecuentes
¿Convierte con transparencia? Introduce el valor HEX de 8 dígitos (#RRGGBBAA) para incluir el canal alfa en RGBA y HSLA.
¿Soporta nombres de color CSS? Puedes introducir el HEX equivalente a cualquier nombre de color CSS estándar.