🎨Convertidor de Color

Cargando...

Los colores en el desarrollo web y el diseño se representan en múltiples formatos: HEX, RGB, HSL, HSV y CMYK. CSS utiliza principalmente HEX (#FF5733) y RGB (rgb(255, 87, 51)), mientras que las herramientas de diseño a menudo prefieren HSL o HSV. CMYK es el estándar para el diseño de impresión. Esta herramienta convierte instantáneamente un valor de color ingresado en un formato a todos los demás formatos, e incluye un selector de color para la selección visual.

Cómo usar

1
Ingresar un color
Ingresa un valor de color en formato HEX, RGB o HSL. También puedes hacer clic en el selector de color para elegir uno visualmente.
2
Ver conversiones
El color ingresado se convierte simultáneamente a los formatos HEX, RGB, HSL, HSV y CMYK.
3
Usar código CSS
Se muestra un fragmento de código CSS listo para usar en la parte inferior. Cópialo directamente en tu hoja de estilos.
4
Ver vista previa
El color seleccionado se muestra en un área de vista previa para que puedas ver cómo luce en pantalla.

Consejos

💡El formato HSL (Hue, Saturation, Lightness - Tono, Saturación, Luminosidad) hace que los ajustes de color sean más intuitivos que HEX o RGB.
💡Considera las relaciones de contraste entre los colores de fondo y de texto para cumplir con la accesibilidad web.
💡Las propiedades personalizadas de CSS funcionan mejor con HSL: es más fácil crear variaciones de color ajustando componentes individuales.
💡Los valores CMYK te ayudan a entender las diferencias de color entre las pantallas (RGB) y los materiales impresos.

Preguntas frecuentes

Q. ¿Cuál es la diferencia entre HEX, RGB y HSL?: A. HEX es notación hexadecimal (#FF5733), RGB especifica componentes rojo/verde/azul (0-255), HSL describe tono, saturación y luminosidad, más intuitivo para ajustes humanos.
Q. ¿Cómo ajusto el brillo en HSL?: A. Modifica el valor L (Luminosidad): 0% es negro puro, 100% es blanco puro, 50% es el color completamente saturado.
Q. ¿Cómo incluyo transparencia (alpha) en CSS?: A. Usa rgba(255, 87, 51, 0.5) o el formato HEX de 8 dígitos #FF573380, donde los últimos dos dígitos representan el canal alpha.