Conversor de Colores HEX, RGB, HSL y OKLCH con Contraste WCAG
Convierte colores entre HEX, RGB, HSL y OKLCH, revisa el contraste WCAG 2.1 de texto y fondo y genera una escala para Tailwind. Gratis y en tu navegador.
Conversor de Colores HEX RGB HSL Online
Convierte colores entre HEX, RGB y HSL al instante con vista previa en vivo. Incluye generador de paletas complementarias y análogas. Ideal para diseñadores y desarrolladores front-end.
Beneficios principales
Conversión Instantánea
Edita cualquier formato (HEX, RGB, HSL) y los demás se sincronizan automáticamente.
Selector Visual
Elige colores con el selector nativo del navegador para encontrar el tono exacto.
Paletas Automáticas
Genera paletas complementarias y análogas basadas en tu color seleccionado.
Copiar Código
Copia cualquier formato con un clic para pegar directo en tu CSS o diseño.
¿Cómo funciona?
- Selecciona un color con el selector visual o escribe un valor HEX, RGB o HSL.
- Los demás formatos se actualizan automáticamente.
- Copia el formato que necesites o explora las paletas generadas.
Preguntas frecuentes
¿Cuál formato debo usar en CSS?
Los tres son válidos en CSS moderno. HEX es el más común, RGB es útil cuando necesitas transparencia (rgba), y HSL es ideal para manipular matiz y saturación programáticamente.
¿Qué es una paleta complementaria?
Son colores opuestos en la rueda cromática (180° de diferencia en HSL). Crean alto contraste visual y se usan para llamadas a la acción o elementos destacados.