Conversor de colores HEX, RGB y HSL
Convertí colores entre HEX, RGB y HSL, elegí colores con el selector y generá una escala de tonos lista para copiar como variables CSS.
- Contraste con blanco
- —
- Contraste con negro
- —
Escala de tonos (clic para copiar)
Combinaciones
Cómo funciona
Escribí un color en cualquier formato (#3b82f6, rgb(59 130 246), hsl(217 91% 60%) o el nombre CSS, como "tomato") y obtené todas sus equivalencias al instante.
La herramienta también genera una escala de 10 tonos, del más claro al más oscuro, y la exporta como variables CSS, ideal para armar la paleta de una marca o un design system.
Preguntas frecuentes
¿Cuál es la diferencia entre RGB y HSL?
RGB define un color por la cantidad de rojo, verde y azul. HSL lo define por tono, saturación y luminosidad, lo que hace más fácil crear variantes más claras u oscuras.
¿Qué significa un HEX de 8 dígitos?
Los últimos dos dígitos indican la opacidad (alpha). Por ejemplo, #3b82f680 es el mismo azul al 50% de opacidad.
Herramientas relacionadas
Generador de favicon online
Diseñá el favicon de tu web con texto, iniciales o emoji, o creálo desde una imagen. Descargá favicon.ico, PNG en todos los tamaños, manifest y código HTML.
Abrir herramientaGenerador de códigos QR gratis
Creá códigos QR gratis para links, texto, WiFi, email o WhatsApp. Elegí colores y tamaño y descargalos en PNG o SVG. Sin vencimiento y sin registro.
Abrir herramientaVerificador de contraste de colores (WCAG)
Calculá la relación de contraste entre el color del texto y el fondo y verificá si cumple las pautas de accesibilidad WCAG 2.1 AA y AAA.
Abrir herramientaGenerador de degradados CSS
Creá degradados lineales, radiales y cónicos con varios colores, mirá la vista previa y copiá el código CSS listo para usar.
Abrir herramientaRedimensionar, comprimir y convertir imágenes
Achicá, comprimí y convertí imágenes a JPG, PNG o WebP sin subirlas a ningún servidor. Ideal para acelerar tu web y cumplir límites de tamaño.
Abrir herramienta¿Necesitás una herramienta a medida para tu negocio?
Contanos tu caso y en 30 minutos te damos un diagnóstico claro: qué pasa, qué conviene hacer primero y cuánto puede costar. Sin compromiso.