¿Qué herramienta usar?
Esta sección tiene por ahora una herramienta: Convertidor de colores y paletas. Elige o pega un color para obtener sus códigos HEX, RGB y HSL, ver si el texto sobre él cumple el contraste WCAG y generar tonos y paletas que puedes copiar como CSS.
Para trabajar con fotos en lugar de colores, mira las herramientas de imagen como Convertir JPG, PNG y WebP y Redimensionar imágenes. Para un código QR con el color de tu marca, usa Generador de códigos QR.
Preguntas frecuentes
¿Por qué importa el contraste?
El texto que no destaca sobre su fondo cuesta leerlo a mucha gente, sobre todo con el móvil al aire libre. WCAG pide una relación mínima de 4,5:1 para texto normal.
¿Habrá más herramientas de diseño?
Sí. Hay más herramientas de color y maquetación previstas, y cada una se publica cuando su página y sus pruebas están listas.