¿Qué es un convertidor de colores?
El Conversor de Colores es un kit completo para diseñadores y desarrolladores front-end. Pega un color en cualquier formato común — HEX, RGB, RGBA, HSL, HSLA, HSV/HSB o el moderno OKLCH — o elígelo visualmente, y todos los demás formatos se actualizan al instante con un botón de copia. Además de convertir, genera una paleta armoniosa (colores complementarios, análogos y triádicos) a partir de tu color base e incluye un verificador de contraste WCAG para garantizar que el texto siga siendo accesible sobre cualquier fondo. Todo se ejecuta en tu navegador, así que es rápido, privado y siempre disponible.
Los colores en pantallas se definen con números, pero esos números pueden escribirse en varios formatos — HEX (#ff6b35), RGB (255, 107, 53), HSL (18°, 100%, 60%) y más. Cada formato se prefiere en un contexto diferente.
Convirtiendo Colores
- Usa el selector de color o escribe un valor (p. ej. #6366f1 o rgb(99,102,241)) en el campo.
- Lee todos los formatos en la lista y copia cualquiera con su botón de copia.
- Explora la paleta generada y usa el verificador de contraste para probar texto sobre un fondo.
Aplicaciones
- Convertir el color de una marca de HEX (proporcionado por un diseñador) a HSL para ajustar la luminosidad o la saturación en CSS.
- Traducir un valor RGB de una herramienta gráfica a una cadena HEX lista para CSS.
- Comprobar cómo se ve visualmente un valor de color al cambiar entre formatos para el código.
- Aprender teoría del color viendo cómo el mismo color se representa en diferentes modelos.
Cómo funciona la conversión de colores
HEX es simplemente RGB escrito en base 16: #ff6b35 significa R=255, G=107, B=53. Convertir HEX a RGB es una decodificación de base 16 a base 10. Convertir RGB a HSL sigue una fórmula matemática.
La herramienta muestra una vista previa en vivo del color para que puedas confirmar la conversión de un vistazo.
Beneficios
- Convierte al instante entre HEX, RGB, HSL, HSV y OKLCH sin recordar fórmulas.
- Crea interfaces accesibles verificando el contraste WCAG AA/AAA para texto normal y grande.
- Genera paletas complementarias, análogas y triádicas para acelerar tu trabajo de diseño.
Conversión de Color Instantánea y Local
Las conversiones de formato de color se calculan usando algoritmos JavaScript en tu navegador. Los valores de color que ingresas nunca se transmiten a nuestros servidores; toda la conversión permanece en tu máquina.