Herramientas de color | Paletas, contraste y selector de imagen

Herramientas de color para diseño y front-end

Usa estas herramientas de color basadas en el navegador para pasar de la inspiración a valores de color utilizables. Genera sistemas de paleta, comprueba contraste WCAG, toma muestras de colores de imágenes y copia salidas para CSS, Tailwind, JSON y flujos de tokens de diseño.

Herramientas disponibles

3 resultados

Color
Generador de paletas de color
Genera paletas de color desde un color base con modos de armonía, colores de texto accesibles, gamas de tonos, variables CSS, colores Tailwind y exportaciones JSON.
Color Generador Descarga
Generador de paletas de color
Color
Comprobador de contraste de color
Comprueba relaciones de contraste WCAG para colores de primer plano y fondo, previsualiza texto real, ve resultados AA y AAA y copia un informe de accesibilidad.
Color Calculadora
Comprobador de contraste de color
Color
Selector de color de imagen
Sube una imagen, haz clic para muestrear cualquier color de píxel, extrae una paleta dominante y copia HEX, RGB, HSL, variables CSS o JSON.
Color Generador Descarga
Selector de color de imagen

Herramientas de color para diseño y front-end

Herramientas disponibles

Generador de paletas de color

Comprobador de contraste de color

Selector de color de imagen

Etiquetas