Conversor de colores
Convierte colores entre formatos HEX, RGB y HSL. Incluye selector de color y vista previa.
Formatos compatibles: HEX (#RGB, #RRGGBB), rgb(r,g,b), hsl(h,s%,l%)
Comprendiendo los modelos de color
Los colores en pantallas se representan usando diferentes modelos. RGB (Rojo, Verde, Azul) define colores mezclando intensidades de luz de 0 a 255. HEX es una representación compacta de RGB usando notación hexadecimal (#RRGGBB). HSL (Tono, Saturación, Luminosidad) es más intuitivo para diseñadores — el tono es el ángulo del color (0-360 grados), la saturación es la viveza y la luminosidad es el brillo.
Ingresa un valor de color en cualquier formato compatible — HEX, RGB o HSL — y la herramienta lo convierte instantáneamente a todos los demás formatos. Usa el selector de color visual para seleccionar colores interactivamente, o elige de la paleta rápida para colores de uso común. Copia la salida lista para CSS con un solo clic.
La conversión de colores es esencial para desarrollo web, diseño gráfico, documentación de guías de marca, pruebas de accesibilidad y creación de paletas de colores consistentes entre diferentes herramientas. Los diseñadores a menudo trabajan en HSL para ajustes intuitivos de color y luego convierten a HEX para hojas de estilo CSS.
La abreviatura HEX (#RGB) se expande a la forma completa (#RRGGBB) duplicando cada dígito, así #F0C se convierte en #FF00CC. Los valores RGB se mapean directamente a los sub-píxeles rojo, verde y azul de tu pantalla. HSL separa la identidad del color (tono) de su apariencia (saturación y luminosidad), facilitando la creación de tintes, sombras y esquemas de color armoniosos de forma programática.