Gratis Convertidor de color
Elige color con el bloque o el selector del sistema, escribe HEX (con o sin #) o pega rgb()/hsl(). RGB 0–255; HSL con matiz 0–360° y saturación/luminosidad 0–100%. La opacidad 0–100% aparece en rgba()/hsla() y HEX de 8 dígitos si no es opaca. Espacio sRGB — no CMYK ni Display P3. Nada sale de esta pestaña.
How to use this tool
- 1
Abrir Convertidor de color
Comprueba primero si sirve para tu tarea: HEX, RGB, HSL, soporte alpha, selector nativo, vista previa en vivo, copia CSS en un clic.
- 2
Añade el contenido
Introduce o sube los datos que pide el panel y ajusta las opciones visibles.
- 3
Usa el resultado
Revisa la vista previa y copia o descarga el resultado cuando esté listo.
Datos rápidos
| ¿Funciona sin conexión? | Sí — tras cargar la página, el cálculo es solo en tu navegador. |
|---|---|
| ¿CMYK o Pantone? | No — solo sRGB. Para impresión, exporta desde tu app de diseño con perfil ICC. |
| ¿Se suben datos? | No. Safe Local Tools es estático; los colores no salen de esta pestaña. |
| ¿Gama amplia (P3)? | Entradas y salidas se tratan como sRGB. No se modela hex específico de P3. |
Top use cases
- HEX, RGB, HSL, soporte alpha, selector nativo, vista previa en vivo, copia CSS en un clic.
- ¿Funciona sin conexión?: Sí — tras cargar la página, el cálculo es solo en tu navegador.
- ¿CMYK o Pantone?: No — solo sRGB. Para impresión, exporta desde tu app de diseño con perfil ICC.
- ¿Se suben datos?: No. Safe Local Tools es estático; los colores no salen de esta pestaña.
- ¿Gama amplia (P3)?: Entradas y salidas se tratan como sRGB. No se modela hex específico de P3.
Preguntas frecuentes
¿Por qué el campo HEX no coincide con lo que escribí?▾
Si el valor se analiza bien, RGB/HSL y copias reflejan ese color. Al salir, texto inválido se sustituye por el último HEX válido.
¿Puedo usar espacios en rgb()?▾
Usa la forma con comas: rgb(10, 20, 30). Espacios extra alrededor de los números están bien.
¿Cambiar H en HSL siempre mantiene el mismo HEX?▾
El matiz es cíclico (0° y 360° equivalen). Pueden aparecer pequeñas diferencias al alternar entre RGB entero y HSL.
¿Paletas seguras para daltonismo?▾
Esta página solo convierte un color. Usa generadores dedicados para accesibilidad cromática.
¿HSL sin el signo %?▾
Saturación y luminosidad deben llevar % como en CSS, por ejemplo hsl(200, 50%, 40%).
¿Se envían los colores elegidos?▾
No — el selector y los campos solo actualizan el estado local en tu navegador.