Heksagon
Gratis, tanpa daftar, berjalan di peramban Anda.
Enam titik, tepi lurus, dan keacakan di nol — yang membuat setiap jari-jari identik dan hasilnya heksagon beraturan secara matematis. Kasus merosot dari generator blob, dan kasus yang benar-benar berguna.
Pengaturan di baliknya
| Generator | Blob |
|---|---|
| Titik | 6 |
| Keacakan | 0% |
| Kehalusan | 100% |
| Benih | 1 |
Yang perlu diketahui
- Keacakan nol berarti poligon beraturan sempurna, bukan pendekatan.
- Ganti jumlah titik untuk bangun beraturan lainnya: tiga untuk segitiga, delapan untuk oktagon.
- Bentuk terkecil di katalog dengan 151 bita.
Berapa bita biayanya
Bentuk persis ini berukuran 151 bita sebagai SVG dan 312 bita sebagai latar CSS — data URI-nya lebih besar karena pengodean persen memakan tiga karakter untuk setiap karakter yang dilolosinya. Kedua angka itu untuk bentuk yang ditampilkan di atas, dengan ketelitian koordinat dua desimal.
| Format | Ukuran |
|---|---|
| SVG | 151 B |
| Latar CSS | 312 B |
| clip-path CSS | 369 B |
| border-radius CSS | 94 B |
Awal dari SVG untuk Heksagon
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 38L153.69 69L153.69 131L100 162L46.31 131L46.31 69Z" fill="#4f46e5"/></svg>Lebih rinci
Prasetel ini ada untuk menegaskan sesuatu tentang kendalinya: penggeser keacakan di nol bukanlah generator yang dimatikan, melainkan generator poligon beraturan. Setiap pengaturan di alat ini dimaksudkan bermakna di seluruh rentangnya, dan penggeser yang nilai minimumnya menghasilkan sesuatu yang tak berguna adalah penggeser dengan jalan buntu di ujungnya.
Pertanyaan
Bagaimana saya mengubah Heksagon setelah mendapatkannya?
Buka generatornya, klik Heksagon di baris prasetel, lalu geser apa saja. Prasetel adalah titik awal, bukan kunci — semua penggeser tetap aktif, dan kotak benih menerima kata kalau Anda lebih suka menamai bentuk Anda daripada menomorinya.
Apakah akan terlihat sama lain kali?
Ya, selama benihnya sama. Yang ini benih 1 dengan 6 titik. Generatornya deterministik, jadi pengaturan itu menghasilkan ulang kurva yang persis sama di perangkat mana pun.
Bisakah saya memakai warna lain?
Bisa — warna diterapkan saat ekspor, tidak dipanggang ke dalam geometrinya. Pratinjau di atas memakai warna bawaan alat ini; pilih warna Anda di generator dan SVG, latar CSS, serta clip-path akan mengikuti.
Setiap angka dan setiap bentuk di halaman ini dihasilkan dengan menjalankan generatornya saat build, jadi semuanya menggambarkan alat yang sebentar lagi Anda pakai, bukan versi yang pernah ada.