Convertir colores
HEX, RGB, HSL, OKLCH.
Formatos
WCAG Contraste
Paletas Generadas
Cómo usar Convertir colores
- Introduce un color en cualquier formato: HEX (#FF5733), RGB (255, 87, 51), HSL (11, 100%, 60%) o selecciona visualmente con el picker.
- La herramienta convierte automáticamente el color a todos los formatos disponibles mostrando equivalencias exactas en tiempo real.
- Copia el valor en el formato que necesites o utiliza la paleta generada con tonos complementarios y variantes para tu diseño.
Casos de uso comunes
Traducir colores entre herramientas de diseño y desarrollo
Convierte rápidamente colores entre formatos HEX para CSS, RGB para canvas y HSL para ajustes de luminosidad, facilitando la comunicación entre diseñadores y desarrolladores frontend.
Crear paletas de colores accesibles y consistentes
Genera variantes claras y oscuras de un color base, verifica el contraste para accesibilidad WCAG y construye sistemas de color coherentes para tu aplicación o marca.
Preguntas frecuentes
¿Qué es OKLCH y por qué es mejor que HSL?
OKLCH es un espacio de color perceptualmente uniforme que garantiza que cambios numéricos iguales se perciban visualmente iguales. A diferencia de HSL, produce gradientes más suaves y mezclas de color más naturales.
¿Puedo usar esta herramienta para verificar contraste de accesibilidad?
La herramienta muestra el color en todos los formatos y genera variantes. Para verificación de contraste WCAG, combina los colores de primer plano y fondo obtenidos y verifica su ratio con las guías de accesibilidad.