Conversor de colores
Convierte HEX, RGB y HSL con transparencia, previsualiza el color y copia valores CSS listos para usar.
Generador de clip-path poligonal
Dibuja un recorte con puntos arrastrables o coordenadas numéricas y exporta su vista previa como CSS.
Arrastra los puntos o usa las flechas. Mantén Mayús para pasos más grandes. También puedes editar las coordenadas directamente.
CSS
Acerca de esta herramienta
Diseña paneles diagonales o insignias geométricas sin preparar una máscara de imagen.
Cómo se usa
Parte de un triángulo, rombo, hexágono u otra forma. Arrastra los vértices, edita sus porcentajes X/Y y añade o elimina puntos. También puedes enfocar un punto con Tab y moverlo con las flechas; Mayús aumenta el paso.
Admite de 3 a 32 puntos con coordenadas entre 0 y 100 %. Se unen en el orden de la lista y se cierra el polígono. Copia o descarga el mismo clip-path: polygon(...) de la vista previa. No genera trazados curvos ni archivos de imagen ya recortados.
Preguntas frecuentes
¿Admite curvas o puntos fuera de la caja?
Trabaja con 3–32 vértices y coordenadas de 0% a 100%. No admite curvas ni vértices fuera de esos límites.
¿Por qué aparecen cortes inesperados al mover los puntos del polígono?
Los puntos se unen en el orden de la lista y el último vuelve al primero. Mover un punto al otro lado de una arista puede crear una intersección. Parte de una figura predefinida y conserva el orden de los vértices alrededor del contorno. Puedes eliminar puntos sobrantes, siempre que queden al menos tres.
Herramientas relacionadas
Se abre en una pestaña nueva
Comentarios
0