Herramientas de diseño

Cree valores de filtro CSS con una vista previa en vivo de los íconos, tarjetas, imágenes, estados flotantes, y experimentos visuales.

Look up common named colors by keyword or HEX value and compare matching swatches quickly.

Combine dos colores con una proporción elegida y obtenga un resultado mixto listo para copiar en HEX y RGB.

Construir CSS de contenedor de cuadrícula para tarjetas, galerías, tableros, listas de características, y experimentos de diseño directamente en el navegador.

Generar configuraciones de contenedor flexbox para filas, columnas, grupos de artículos envueltos, botones, tarjetas, y secciones responsivas.

Controla las cuatro esquinas de forma independiente para crear formas redondeadas para tarjetas., insignias, azulejos, y bloques de componentes.

Ajustar compensación, difuminar, desparramar, opacidad, y configuraciones de inserción para crear sombras CSS listas para copiar para elementos de la interfaz.

Genere gradientes CSS rápidos para secciones de aterrizaje, llamadas, botones, tarjetas, superposiciones, y visuales de marca.

Formatee CSS sin formato en bloques legibles o comprímalo en una versión más pequeña para copiarlo y limpiarlo rápidamente..

Verifique el contraste de color de primer plano y de fondo para ver texto legible en la interfaz de usuario, botones, tarjetas, y diseño de contenidos accesibles.