JSON y YAML
Convierte entre JSON y YAML.
Conversor de color
Convierte 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 HEX, RGB, HSL, HSV y CMYK.
- 3Copia el formato que necesites.
- 4Mira las líneas de contraste para saber si el texto blanco o negro se lee bien sobre ese color.
Qué hace cada opción
- Entradas admitidas
- #rgb, #rrggbb, #rrggbbaa, rgb(), rgba(), hsl(), hsla() y nombres de color CSS como tomato.
- Contraste
- La relación WCAG con blanco y con negro. 4,5:1 cumple AA para texto normal, y 3:1 para texto grande.
Privacidad
Todo funciona en tu navegador. Nada de lo que escribes se envía a un servidor.
Preguntas frecuentes
¿El valor CMYK es exacto para imprimir?
No. Es una conversión matemática sencilla desde RGB. Las imprentas usan perfiles de color, así que una prueba de imprenta se verá distinta, sobre todo en los azules y verdes brillantes.
¿Cuál es la diferencia entre HSL y HSV?
Ambos describen el tono, la saturación y un eje de brillo. En HSL, una luminosidad del 100 por ciento siempre es blanco. En HSV, un valor del 100 por ciento es la versión más brillante del color. Las herramientas de diseño suelen usar HSV y CSS usa HSL.
¿Qué significa el hex de ocho dígitos?
Los dos últimos dígitos son la opacidad, de 00 (transparente) a ff (sólido). #4f46e580 tiene una opacidad de cerca del 50 por ciento.
¿Por qué no funciona un nombre de color?
Solo se reconocen los colores con nombre de CSS, como tomato o rebeccapurple. Los nombres de las herramientas de diseño no.
¿Qué contraste necesito?
WCAG AA pide 4,5:1 para el texto del cuerpo y 3:1 para el texto grande y los elementos de la interfaz. AAA pide 7:1 para el texto del cuerpo.