Diseño

Conversor de colores

Convierte HEX, RGB y HSL con transparencia, previsualiza el color y copia valores CSS listos para usar.

Comprobador de contraste

Comprueba el contraste de texto según WCAG 2.2 con vista previa y resultados AA y AAA para texto normal y grande.

Generador de degradados CSS

Diseña degradados lineales o radiales con dos a ocho puntos de color y copia el CSS con vista previa en directo.

Generador de sombras CSS

Ajusta desplazamiento, desenfoque, expansión, color y opacidad de una sombra exterior o interior y copia su CSS.

Calculadora de relación de aspecto

Simplifica las proporciones de imágenes o vídeos y calcula la anchura o altura que corresponde a un tamaño de destino.

Generador de CSS Grid

Diseña cuadrículas fijas o adaptables con vista previa y exporta CSS y HTML.

Generador de CSS Flexbox

Prueba dirección, salto de línea, distribución y alineación y obtén el CSS y HTML correspondientes.

Generador de paletas de colores

Crea paletas complementarias, análogas, triádicas o monocromáticas y exporta HEX, CSS o JSON.

Generador de bordes redondeados CSS

Ajusta las cuatro esquinas juntas o por separado, previsualiza radios elípticos y exporta border-radius.

Generador de clip-path poligonal

Dibuja un recorte con puntos arrastrables o coordenadas numéricas y exporta su vista previa como CSS.

Editor de curvas cubic-bezier CSS

Ajusta dos puntos de control, prueba la transición y genera una función de aceleración cubic-bezier.

Generador de tamaño de letra clamp()

Crea tamaños de letra fluidos con límites de fuente y de ventana, salida en px o rem y vista previa.

Generador de filtros CSS para imágenes

Prueba desenfoque, brillo, color y opacidad sobre una imagen local o de ejemplo y exporta filter en CSS.

Generador de transformaciones CSS 2D y 3D

Ajusta desplazamiento, giro, escala, inclinación y origen, con perspectiva y controles 3D opcionales.

Tamaños de papel y cálculo de píxeles

Consulta A, ISO B, C, Letter, Legal y Tabloid; calcula píxeles, pulgadas y puntos con orientación y sangrado.

Optimizador SVG y conversor a PNG

Limpia y optimiza SVG, compara su tamaño y aspecto, y descarga SVG o un PNG con las dimensiones que necesites y fondo transparente o de color.