Diseño y color guías
Elija una herramienta para leer la guía completa, los ejemplos y la solución de problemas.
Generador de sombras de cuadros CSS — guía, ejemplos y preguntas frecuentes
Diseñe sombras de cuadros en capas visualmente y copie CSS listo para producción.
4 lectura mínimaGenerador de gradiente CSS — guía, ejemplos y preguntas frecuentes
Crea degradados lineales, radiales y cónicos con múltiples paradas de color.
4 lectura mínimaGenerador de radio de borde — guía, ejemplos y preguntas frecuentes
Controle cada rincón de forma independiente y obtenga una vista previa de formas y píldoras orgánicas.
4 lectura mínimaConvertidor de colores — guía, ejemplos y preguntas frecuentes
Convierta entre HEX, RGB, HSL y HSV con muestras en vivo y sugerencias de contraste.
4 lectura mínimaComprobador de contraste WCAG — guía, ejemplos y preguntas frecuentes
Mida las proporciones de contraste del texto y verifique el cumplimiento de AA/AAA para texto normal y grande.
4 lectura mínimaConvertidor de PX a REM — guía, ejemplos y preguntas frecuentes
Convierta píxeles a rem y viceversa con un tamaño de fuente raíz configurable.
4 lectura mínimaGenerador CSS Flexbox — guía, ejemplos y preguntas frecuentes
Cree diseños de flexbox visualmente y copie el CSS.
4 lectura mínimaGenerador de cuadrícula CSS — guía, ejemplos y preguntas frecuentes
Cree visualmente columnas, filas y espacios en cuadrícula CSS responsivos.
4 lectura mínimaGenerador de triángulos CSS — guía, ejemplos y preguntas frecuentes
Crea triángulos CSS en cualquier dirección con el truco del borde.
4 lectura mínimaGenerador de morfismo de vidrio — guía, ejemplos y preguntas frecuentes
Crea tarjetas de vidrio esmerilado con desenfoque, tinte, borde y sombra.
4 lectura mínimaGenerador de barra de desplazamiento personalizado — guía, ejemplos y preguntas frecuentes
Barras de desplazamiento de estilo con propiedades CSS de WebKit y Firefox.
4 lectura mínimaGenerador de animación CSS — guía, ejemplos y preguntas frecuentes
Cree una animación de fotogramas clave que se desvanezca y se deslice con tiempos configurables.
4 lectura mínimaGenerador de tipografía fluida — guía, ejemplos y preguntas frecuentes
Cree tamaños de fuente de abrazadera() que escale suavemente entre ventanas gráficas.
4 lectura mínimaGenerador de filtros CSS — guía, ejemplos y preguntas frecuentes
Combine visualmente filtros de desenfoque, brillo, contraste, saturación y tono.
4 lectura mínimaGenerador de paleta de colores — guía, ejemplos y preguntas frecuentes
Genera paletas complementarias, análogas, triádicas y tetrádicas a partir de un color base.
4 lectura mínimaGenerador de tintes y sombras — guía, ejemplos y preguntas frecuentes
Crea cinco tintes y cinco tonos a partir de cualquier color base.
4 lectura mínimaGenerador de ondas SVG — guía, ejemplos y preguntas frecuentes
Genere trayectorias de ondas SVG suaves para divisores de sección y fondos.
4 lectura mínimaZona de pruebas de emparejamiento de fuentes — guía, ejemplos y preguntas frecuentes
Obtenga una vista previa de los emparejamientos de fuentes de encabezado y cuerpo utilizando fuentes del sistema.
4 lectura mínimaGenerador de pila de fuentes del sistema — guía, ejemplos y preguntas frecuentes
Copie pilas de fuentes del sistema ya preparadas para la interfaz de usuario y la prosa.
4 lectura mínimaGenerador de sombras de texto CSS — guía, ejemplos y preguntas frecuentes
Diseña sombras de texto en capas y copia el CSS.
4 lectura mínima