Soluciones de Diseño
Crea y ajusta colores, contrastes WCAG, paletas, degradados, sombras, bordes, unidades y resoluciones para diseño web.
Los generadores entregan código CSS listo para integrar en tu proyecto.
Herramientas de Diseño
Colores, degradados, contraste y medidas para diseño web.
- Colores de una imagenPaleta de colores dominantes con códigos HEX.
- Contraste de coloresRatio de contraste WCAG entre texto y fondo.
- Paleta de coloresArmonías de color a partir de un color base.
- Degradados CSSCódigo CSS de linear-gradient o radial-gradient.
- Sombras CSS (box-shadow)Sombra CSS con todos los parámetros.
- Border radiusEsquinas redondeadas, cada una con su radio.
- px a remSegún la fuente base (16 px por defecto).
- Relación de aspectoMantén la proporción al cambiar el tamaño de imágenes y vídeos.
- Calculadora de DPIPíxeles ⇄ centímetros según la resolución de impresión.
- Tamaño de pantallaDiagonal en pulgadas → ancho y alto en cm.
- Color aleatorioColores al azar con su código.
- Aclarar u oscurecer colorEscala de tonos claros y oscuros de un color.
- HEX a RGBAColor con transparencia en CSS.
- Proporción áureaφ = 1,618. Segmentos mayor, menor y total.
- Código de faviconEtiquetas <link> para todos los dispositivos.
- Escala tipográficaTamaños de texto armónicos a partir de una base y una razón.
- Nombre de un colorNombre CSS más parecido a tu color.