GitHub風の 5x5 Identicon（幾何学模様アバター画像）をブラウザ上で作成・カスタマイズし、エクスポートできる軽量なWebアプリケーションです。
外部ライブラリやビルドツールを一切使用しない、単一の HTML ファイルのみで動作します。
- リアルタイム編集 & 左右対称同期: 5x5 グリッド上のマスをクリックすると、GitHubの仕様に従って左右対称に自動で同期・編集されます。
- カラーピッカー: 模様の色を自由にカスタマイズ可能です。（デフォルト:
#A466D6/ 背景:#F0F0F0） - ランダム自動生成: ワンクリックで左右対称のランダムパターンを生成します。
- リアルタイム丸型プレビュー: GitHub等の SNS ユーザーアイコンで使用される丸型トリミング状態をリアルタイム表示します。
- 高解像度エクスポート:
- PNG 形式: 420px × 420px の透過なし画像
- SVG 形式: 拡大縮小に対応した軽量なベクターデータ
identicon.htmlを任意のブラウザ（Chrome, Edge, Safari, Firefox等）で直接開きます。- グリッドをクリックして模様を描くか、「ランダム生成」ボタンを押します。
- カラーピッカーでお好みの模様色を選択します。
- 「PNG保存」または「SVG保存」ボタンを押して画像をダウンロードします。
- キャンバスサイズ: 420px × 420px
- 外周余白 (Padding): 35px
-
1ドットのサイズ: 70px × 70px (
$70 \text{px} \times 5 = 350 \text{px}$ ) -
背景色:
#F0F0F0(RGB: 240, 240, 240) -
デフォルト模様色:
#A466D6(RGB: 164, 102, 214)
このプロジェクトはMIT-0ライセンスのもとで公開されています。詳細はLICENSEファイルをご覧ください。
- 商用利用・個人利用を問わず、完全自由に使用できます。
- 著作権表示やライセンス文言の保持・記載義務すらありません。
- ソースコードの改変、流用、再配布、自社製品への組み込み等、制限なくご活用いただけます。