Cambia entre HEX, RGB y HSL
Convierte un color entre HEX, RGB y HSL, previsualiza la muestra y copia los valores con formato para CSS.
HEX#1473e6RGBrgb(20, 115, 230)HSLhsl(213, 84%, 49%)
Sobre esta herramienta
Las herramientas de diseño entregan HEX, los navegadores leen RGB y HSL resulta más fácil de razonar cuando quieres una variante más clara o más apagada del mismo tono.
Elige una muestra o escribe cualquiera de las tres notaciones y las demás se actualizan al instante en un formato que puedes llevar a tu hoja de estilos.
- HEX, RGB y HSL sincronizados
- Selector visual y vista previa
- Salida lista para CSS
Preguntas frecuentes
¿Qué notación pongo en mi hoja de estilos?
Cualquiera es válida. HEX es compacto, RGB deja claros los canales y HSL es cómodo para generar tonos a partir de un mismo color.
¿Cómo aclaro un color rápido?
Pasa a HSL y sube el porcentaje de luminosidad. Así conservas el tono y la saturación en lugar de derivar hacia el gris.
¿Admite colores transparentes?
El convertidor trabaja con colores sólidos. Para alfa, añade rgba() o hsla() con tu propio valor de transparencia en la hoja de estilos.
Herramientas relacionadas
Convertidor de epoch — De timestamp a fechaLee un timestamp Unix como fecha o averigua el timestamp de un momento concreto. Muestra UTC y tu hora local una al lado de la otra.Calculadora de hash — MD5, SHA-2 y SHA-3Calcula el hash de una cadena con MD5, SHA-1, SHA-224, SHA-256, SHA-384, SHA-512 y la familia SHA-3 en una sola pasada y copia cualquier resultado.Convertidor de bases numéricas — Binario, hex, decimalEscribe un número en cualquier base y léelo al instante en las demás, con soporte para enteros muy grandes y bases de 2 a 36.Probador de expresiones regularesPrueba expresiones regulares en vivo con texto de ejemplo. Consulta coincidencias, grupos de captura y flags mientras escribes.