Convertidor y selector de color
Selecciona cualquier color y obtén al instante sus valores HEX, RGB y HSL. Haz clic para copia cualquier formato: ideal para CSS, herramientas de diseño y código.
Cómo convertir colores
Seleccione un color mediante el selector de color o introduzca directamente un valor HEX, RGB o HSL en cualquier campo de entrada.
Todos los formatos se actualizan al instante: los valores HEX, RGB y HSL se recalculan en tiempo real a medida que realizas cambios.
Haz clic en el botón Copiar junto a cualquier formato para copia el valor al portapapeles, listo para pegarlo en CSS, Figma o código.
Explora más herramientas
Descubre otras herramientas gratuitas que funcionan de maravilla junto con esta.
Compresor de imágenes
Reduce el tamaño del archivo sin perder calidad.
Redimensionador de imágenes
Redimensionar las imágenes a las dimensiones exactas.
Eliminador de fondo
Elimina fondos con precisión de IA
Generador de códigos QR
Crea códigos QR personalizados al instante
Convertidor de imágenes
Convierte entre más de 30 formatos de imagen.
PNG a WebP
Archivos más pequeños, misma calidad para la web.
Preguntas frecuentes
¿Cuál es la diferencia entre HEX, RGB y HSL?
HEX (p. ej. #FF5733) es una representación hexadecimal utilizada en HTML y CSS. RGB (p. ej. rgb(255, 87, 51)) define un color mediante sus canales rojo, verde y azul. HSL (p. ej. hsl(11, 100%, 60%)) define un color mediante su tono, saturación y luminosidad, lo que suele ser más intuitivo para los diseñadores que realizan pequeños ajustes.
¿Puedo escribir un código HEX directamente?
Sí. Haz clic en el campo de entrada HEX e introduce o pega cualquier código HEX válido de 6 dígitos (por ejemplo, #3B82F6). Los valores RGB y HSL se actualizarán automáticamente. Se admiten los formatos de 3 dígitos (#RGB) y de 6 dígitos (#RRGGBB).
¿Se envían los datos de color a un servidor?
No. Toda la conversión de color se realiza completamente en tu navegador mediante JavaScript. No se envía nada a ningún servidor.
¿Puedo usar esta herramienta para obtener valores de color CSS?
Sí, simplemente haz clic en Copiar junto a HEX, RGB o HSL y pégalo directamente en tu CSS. Los tres formatos son valores de color CSS válidos y compatibles con todos los navegadores modernos.