Conversor de colores
Convierte entre HEX, RGB y HSL con vista previa instantánea.
Vista previa
Color actual : #3B82F6
Copia rápida
Formato HEX
Formato RGB
Formato HSL
Guía del conversor de colores
Nuestro conversor de colores te permite cambiar instantáneamente entre los formatos HEX, RGB y HSL. Ideal para diseñadores y desarrolladores web que necesitan convertir rápidamente códigos de color.
Los formatos de color explicados
HEX
Formato hexadecimal usado en CSS y HTML
#FF5733RGB
Rojo-Verde-Azul, valores de 0 a 255
rgb(255, 87, 51)HSL
Tono-Saturación-Luminosidad, más intuitivo
hsl(11, 100%, 60%)🎨 Casos de uso
- • Diseño Web: Convierte los colores de tus maquetas de Figma a CSS
- • Desarrollo: Integra fácilmente los colores en tu código
- • Accesibilidad: Ajusta la luminosidad para el contraste WCAG
Preguntas frecuentes
¿Cuál es la diferencia entre HEX y RGB?
HEX es una notación hexadecimal (ej: #FF5733) mientras que RGB usa valores decimales (ej: rgb(255, 87, 51)). Ambos representan los mismos colores.
¿Cuándo usar HSL?
HSL es más intuitivo para ajustar la luminosidad o la saturación de un color, ya que separa estos componentes a diferencia de RGB.
Comparte esta herramienta
(AdSense ID non configuré - Ajoutez VITE_ADSENSE_ID dans .env)
💙 ¿Utalio te resulta útil? Apoya el desarrollo de nuevas herramientas.
Apoyar →