パレットインデックス方式のピクセルアートワークベンチ
パレットで考えるデザイナーのためのピクセルアート。
厳選された 32x32 テンプレートから始めるか、プロンプトで数秒で下絵を作成。個別ピクセルを編集し、ワンクリックで全体のパレットを差し替え、PNG、SVG、JSON palette、CSS variables、Tailwind theme として書き出せます。design token と sprite が同じ色のソースを共有します。
30 free credits
CC0 テンプレート
カード不要
プロンプトかテンプレートから開始
AI で素早く方向を探しつつ、最終的には編集しやすい厳密な palette-indexed grid に落とし込みます。
色とピクセルを編集
パレットの即時差し替え、hex の調整、セルのクリックやドラッグ、undo/redo に対応します。
本番で使える形式に書き出し
design system、Tailwind theme、フロントエンド prototype、ゲーム向けの扱いやすい形式でダウンロードできます。
コードを書くクリエイター向け
実際のプロダクト制作に合うピクセルアート
コード向け書き出し
他のツールは PNG で止まります。Palettely はパレットを編集可能に保ちます。
各グリッドは色インデックスで保存されるため、色替えは作品全体と CSS、Tailwind config、JSON、SVG、PNG の書き出しに同期されます。
tailwind.config.js
colors: {
palettely: {
background: '#f7ead9',
outline: '#2d2630',
accent: '#f6d85b',
shirt: '#2f6f73'
}
}テンプレートライブラリ
厳選されたピクセルグリッドから開始
Palettely は AI 製品ですか？
はい。ただし AI だけではありません。プロンプトで素早く探索し、テンプレートと palette-indexed editing で結果をきれいに保ちます。
書き出したファイルは商用利用できますか？
アプリ、ゲーム、プロトタイプ、マーケティング素材などの本番利用を想定しています。アカウント単位のライセンスは有料プランで拡張できます。
なぜ CSS と Tailwind に書き出すのですか？
ピクセルアートはプロダクト UI の一部になることが多いからです。コード書き出しにより、パレットを theme や design token に直接使えます。
アカウントは必要ですか？
作成、編集、書き出しには不要です。公開作品の投稿には、所有者管理とモデレーションのためサインインが必要です。
