Conversor de Color
Convierte al instante entre códigos de color HEX, RGB y HSL. Incluye selector de color, gratis.
688 visitas
¿Qué son HEX, RGB y HSL?
HEX (p. ej. #ff8000) escribe los valores de rojo-verde-azul como números hexadecimales y es la notación más común en la web. RGB (p. ej. rgb(255, 128, 0)) expresa esos mismos tres canales como decimales de 0 a 255. HSL (p. ej. hsl(30, 100%, 50%)) describe un color mediante matiz, saturación y luminosidad — la forma más práctica para obtener variantes más claras u oscuras de un color.
Elige un color con el selector o escribe un código HEX — las tres notaciones se actualizan al instante. Útil al escribir CSS, crear una paleta de diseño o expresar los colores de una marca en distintos formatos.
Preguntas Frecuentes
¿Cómo convierto un color HEX a RGB?
Cada par de dígitos HEX representa un canal en hexadecimal: para #ff8000, ff=255 (rojo), 80=128 (verde), 00=0 (azul), es decir rgb(255, 128, 0). Esta herramienta hace la conversión automáticamente.
¿Se admiten los códigos HEX de 3 dígitos (como #f80)?
Sí. La notación corta como #f80 se expande duplicando cada dígito hasta #ff8800; la herramienta acepta ambas formas.
¿Cuándo debería preferir HSL?
Cuando necesites variantes más claras, más oscuras o más apagadas de un color, HSL es la forma más práctica: cambia solo el valor de luminosidad (L) o saturación (S) para obtener tonos consistentes. CSS admite la notación hsl() directamente.
Herramientas Similares
Reportar un Problema
Conversor de Color