Generate Triangle Online

Create a TRIANGLE (.triangle) file directly in your browser and download it instantly—no installation required.

Direction
Size & color
Previewup
CSS130 chars
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 50px solid #6366f1;

Triangle Generator

Build pure-CSS triangles (up, down, left, right, diagonal) using the border trick. Adjust size and color; copy CSS.

Related Generate tools
Gradient GeneratorPalette ExtractorContrast CheckerColor Blindness SimulatorEyedropperPantone ConverterTailwind Palette BuilderMaterial Color Tool