Conversor de unidades
Longitud, peso, volumen, temperatura y más.
Conversor de color
Traduce un color entre HEX, RGB, HSL, HSV y CMYK, y comprueba el contraste de su texto.
- HEX
- #4f46e5
- RGB
- rgb(79, 70, 229)
- HSL
- hsl(243, 75%, 59%)
- HSV
- hsv(243, 69%, 90%)
- CMYK
- cmyk(66%, 69%, 0%, 10%)
Contraste del texto (WCAG)
- Texto blanco sobre este color
- 6.29:1 Cumple AA
- Texto negro sobre este color
- 3.34:1 Solo texto grande
Tus archivos se quedan en tu dispositivo
Cómo funciona
- 1Escribe un color en cualquier formato, o elige uno con el selector de color.
- 2Lee el mismo color en todos los formatos.
- 3Copia el que necesites.
- 4Mira las líneas de contraste para saber si el texto sobre ese color se lee bien.
Qué hace cada opción
- Entradas admitidas
- #rgb, #rrggbb, #rrggbbaa, rgb(), hsl() y nombres de color CSS como tomato.
- Contraste
- La relación WCAG con blanco y con negro. 4,5:1 es el nivel AA para texto normal.
Privacidad
Todo se calcula en tu navegador. Nada de lo que escribes se envía a un servidor.
Preguntas frecuentes
¿Qué formato debo usar en un sitio web?
Cualquiera sirve en CSS. HEX es el más común y corto. HSL es más fácil de ajustar a mano, porque la luminosidad y la saturación van por separado.
¿Puedo usar el valor CMYK para imprimir?
Solo como guía aproximada. Las imprentas convierten con perfiles de color, y los colores brillantes de pantalla suelen salir más apagados al imprimir.
¿Qué es el número de un hex de ocho dígitos?
Los dos últimos dígitos fijan la opacidad, de 00 (transparente) a ff (sólido).
¿Por qué no se reconoció mi color?
Usa un código HEX válido, la forma rgb() o hsl(), o un nombre de color CSS. Los nombres de otras herramientas no son nombres CSS.
¿Es la misma herramienta que la de Herramientas para desarrolladores?
Sí, el mismo conversor. Aparece en ambos sitios para que lo encuentres desde cualquiera de los dos.