Herramientas de Color

Genera paletas, degradados y comprueba el contraste de color para diseño y web.

Qué cubre esta categoría

Herramientas de color para diseño y trabajo web: generadores de paletas y armonías (complementaria, análoga, triádica), generación de degradados CSS, comprobación de contraste para accesibilidad, generación de tonos y matices, simulación de daltonismo y conversión entre formatos de color.

Cómo elegir la herramienta correcta

Crear una paleta a partir de un único color de marca empieza con el Generador de Color Complementario, el Generador de Colores Análogos o el Generador de Colores Triádicos, según la armonía de color que busques; el Generador de Paletas de Colores crea un conjunto más amplio de una vez. Para un mismo color en distintos valores, el Generador de Tonos y Matices de Color produce variaciones más claras y más oscuras. El trabajo de accesibilidad web necesita el Comprobador de Contraste de Color para confirmar que el texto cumple las ratios de contraste WCAG, y el Simulador de Daltonismo para previsualizar un diseño tal como lo verían los usuarios daltónicos. Convertir entre formatos —hex, RGB, HSL, CMYK para impresión— usa el Convertidor de Color CMYK y los campos de formato integrados en las demás herramientas de color. El Buscador de Nombre de Color identifica el color con nombre más cercano a un valor hex dado.

Casos de uso habituales

Un diseñador crea una paleta de cinco colores a partir del color principal de una marca usando el Generador de Colores Análogos; un desarrollador frontend comprueba el contraste del texto sobre el fondo antes de lanzar un modo oscuro; una imprenta convierte un color hex apto para web a CMYK antes de enviar un archivo a imprenta; un auditor de accesibilidad simula el daltonismo para detectar un gráfico que depende solo del color para transmitir su significado.