メインコンテンツへ移動
編集可能なピクセルアート生成ツール

プロンプト、画像、テンプレートから編集可能なピクセルアートを作成

AI で sprite を生成し、画像をピクセル化し、厳選テンプレートを remix できます。Palettely はすべてを palette-indexed grid として保つので、色替え、手作業の修正、PNG、SVG、JSON、CSS variables、Tailwind theme への書き出しまで続けられます。

無料ブラウザツール
編集可能なパレット
PNG/SVG/CSS 書き出し

画像からピクセルアートへ

無料の画像ピクセルアート変換、編集まで対応

スケッチ、ロゴ、写真、UI 素材をアップロードし、サイズとパレットモードを選択。PNG で書き出すか、Studio で palette-indexed grid を編集できます。

画像を無料変換

PNG · JPG · WebP

01ブラウザで無料プレビュー
02色を抽出、または固定パレットへリマップ
03標準 PNG 書き出しはウォーターマークなし

プロンプトかテンプレートから開始

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 に直接使えます。

アカウントは必要ですか?

作成、編集、書き出しには不要です。公開作品の投稿には、所有者管理とモデレーションのためサインインが必要です。

次の sprite を作る。

プロンプト、画像、テンプレートから始め、書き出しまでパレットを編集可能に保ちます。

無料で作成