Convierte cualquier color entre HEX, RGB, HSL, HSV y CMYK, y comprueba si el texto sobre él es legible.
Uso gratuitoSin registroProcesado localmente
Diseñadores, desarrolladores y equipos de marketing mueven colores constantemente entre herramientas que usan formatos distintos: CSS prefiere HEX o RGB, las apps de diseño usan HSL o HSV y la imprenta usa CMYK. El conversor de colores de RIZONI TOOLS traduce entre todos ellos en tiempo real.
También calcula la relación de contraste WCAG del texto blanco y negro sobre tu color para que elijas combinaciones accesibles.
Cómo usar Conversor de colores
Introduce un colorEscribe un valor en cualquier formato compatible o usa el selector de color.
Consulta todos los formatosLos valores HEX, RGB, HSL, HSV y CMYK se actualizan al instante.
Revisa el contrasteComprueba si el texto blanco o negro sobre tu color cumple WCAG AA o AAA.
CopiaCopia cualquier valor con un clic.
Funciones
HEX, HEX de 3 dígitos y HEX de 8 dígitos con alfa
RGB y RGBA
HSL y HSLA
HSV / HSB
CMYK
Selector de color integrado
Contraste WCAG con texto blanco y negro
Copia con un clic de cada formato
¿Por qué usar Conversor de colores?
Pasa colores entre herramientas de diseño y código sin errores.
Crea combinaciones de color accesibles.
Obtén valores listos para CSS al instante.
Gratis, rápido y privado.
Entender los formatos
HEX y RGB describen un color por sus componentes de luz roja, verde y azul, el idioma nativo de las pantallas y del CSS. HSL (tono, saturación, luminosidad) y HSV (tono, saturación, valor) describen los mismos colores de una forma más fácil de ajustar para las personas, por ejemplo para aclarar un color o reducir su saturación.
CMYK (cian, magenta, amarillo y negro) describe la tinta sobre el papel. La conversión que ves aquí es una aproximación matemática; el color impreso real depende de la impresora, el papel y el perfil de color, así que confirma los colores importantes de tu marca con la imprenta.
Qué significa la relación de contraste
Las Pautas de Accesibilidad para el Contenido Web (WCAG) recomiendan un contraste mínimo de 4,5:1 para texto normal (nivel AA) y de 3:1 para texto grande. Un 7:1 cumple el nivel AAA, más exigente. Comprobar el contraste ayuda a que tus diseños sean legibles para todos, incluidas las personas con baja visión.
Privacidad y seguridad
Esta herramienta funciona por completo en tu navegador. Tus archivos se procesan en tu propio dispositivo y no se suben a nuestros servidores. Al cerrar la página, los datos desaparecen.
Preguntas frecuentes
¿Cómo convierto HEX a RGB?
Escribe o pega el código HEX (por ejemplo #3043D9) en el campo. El valor RGB aparece inmediatamente debajo.
¿Admite transparencia?
Sí. Los valores HEX de 8 dígitos, RGBA y HSLA conservan su canal alfa.
¿El valor CMYK es exacto?
Es una conversión matemática estándar. El resultado impreso real depende del perfil de color de la impresora.
¿Qué significa AA o AAA?
Son niveles de accesibilidad WCAG para el contraste del texto. AA exige 4,5:1 para texto normal; AAA exige 7:1.
¿Qué formatos de entrada se aceptan?
HEX (#RGB, #RRGGBB, #RRGGBBAA), rgb(), rgba(), hsl(), hsla(), hsv() o hsb() y cmyk().