Diseño y color

Pequeñas herramientas para diseñadores y desarrolladores frontend.

16 herramientas

Generador de paletasGenera paletas de colores a partir de un color base.

Generador de gradientes CSSGenera CSS para gradientes lineales.

Contraste WCAGComprueba contraste entre dos colores.

Selector de colorExplora colores y sus valores HEX, RGB y HSL.

Generador de box-shadowGenera propiedades CSS de sombras.

Generador de border-radiusGenera valores CSS de esquinas redondeadas.

CSS text-shadowGenera una propiedad CSS text-shadow.

CSS filterGenera una propiedad CSS filter para efectos visuales.

Generador de CSS GridGenera una estructura CSS Grid de tres columnas.

Escala tipográficaGenera una escala tipográfica basada en una proporción modular.

Paleta monocromáticaGenera tonos claros y oscuros de un color base.

Generador CSS clampGenera una función clamp para tipografía fluida.

Sistema de espaciadoGenera una escala de espaciado CSS consistente.

Mezclador de coloresCalcula el color intermedio entre dos colores HEX.

HEX a HSL avanzadoConvierte un color HEX en valores HSL y RGB.

Paleta complementariaGenera el color complementario y una pareja dividida.

También puedes explorar

Finanzas Matemáticas Texto Desarrollo