クリップパスを使った三角形ジェネレーター

width: 50px;
height: 50px;
background-color: #77aff1;
clip-path: polygon(50% 0%, 0% 50px, 50px 50px);