128×64のスプライトシートを8枚の32×32フレームに分割し、拡大表示したキャラクターは最近傍補間のくっきりしたピクセルエッジを保っています。
構成例のユーティリティです。4列・2行のシートを8枚の 32 × 32 フレームにします。整数倍拡大で、ピクセルの輪郭をぼかさずに拡大できます。
直接回答

パレット生成はどのように色を選びますか?

画像をローカルでサンプリングし、近いRGB値をグループ化して、出現頻度の高いバケットを並べることで、制作向けパレットを固定できます。

ライブワークスペース

ローカルで作業。きれいに書き出し。

このユーティリティはブラウザ内で動作します。ファイルは端末内に保存されたままで、生成クレジットは使用しません。

ソース&設定01
ローカルで非公開処理0 クレジット
画像を選んで開始

このユーティリティはローカルで動作します。作品はアップロードされず、クレジットも消費しません。

ゲーム内で

アセットをゲームとして見る。

ゲームプレイ、携帯端末での使いやすさ、統一感のあるデザインを検討できます。これらのAI生成コンセプトは見た目の可能性を示すもので、公開前にはご自身のアセットとエンジン読み込みを確認してください。

ピクセルゲームの3連コンセプト。居心地のよい村の庭師、城を進むアーマー付きの配達人、SFステージを探索するロボット。

3人のキャラクター、3つのゲーム世界

それぞれのゲーム世界に合わせたキャラクターデザインを比較できます。

つながる道、建物、地形、プレイヤーキャラクターを備えた、心地よい等角投影のピクセルタウンゲームコンセプトです。

探索したくなる地形へ

道、タイル境界、建物、オブジェクトが、ひとつの見やすいゲーム環境としてどうまとまるかを確認できます。

プレイヤーキャラクター、未来的な建築、インターフェース、対照的な環境ライティングを備えた、SFピクセルゲームのステージコンセプト。

世界が変わっても、デザインは一貫

キャラクター比率、ライティング、UIの表現を統一したまま、別ジャンルを試せます。

実践例

デモから小さなパレットを抽出

具体的な入力を使い、出力を確認し、現在の制限を見てから次の手順を選んでください。

128×64のスプライトシートを8枚の32×32フレームに分割し、拡大表示したキャラクターは最近傍補間のくっきりしたピクセルエッジを保っています。
構成例のユーティリティです。4列・2行のシートを8枚の 32 × 32 フレームにします。整数倍拡大で、ピクセルの輪郭をぼかさずに拡大できます。

入力例

透明なデモシートを使い、8色パレットを目標に選択してください。

確認ポイント

  1. デモPNGを選び、次にパレットサイズを選択してください。
  2. 抽出したスウォッチを、キャラクターのマント、肌、アウトライン、ブーツ、ポーチと見比べてください。
  3. 使えそうなHEX値をコピーするか、パレットストリップをダウンロードして、ゲーム背景との相性を確認してください。

期待される出力

よく抽出されるRGBカラーバケットの一覧と、PNGのスウォッチストリップです。元画像の抽出色グループが少ない場合は、表示されるスウォッチも少なくなることがあります。

現在の制限

ブラウザで96 × 96版をサンプリングし、RGB値をバケットにまとめます。返されるスウォッチは主要色の近似値で、元画像の全ピクセル色を正確に一覧化するものではありません。

公式ワークフロー参照

独自のインポートを準備する際は、エンジンまたはエディタのドキュメントを確認してください。これらの資料はファイル形式や再生動作を説明するものであり、PixelBox の推奨を意味するものではありません。

提供元とサポート

コンテンツを更新しました:

LlamaGenによって公開・管理されています。このページでは、現在のPixelBoxの操作と書き出し形式を説明しています。記載内容の誤りや書き出しの問題については、チームまでご連絡ください。

01 / 仕組みが機能する理由

プレビューだけでなく、制作向けに作られています。

01

主要色

画像を、制作向きで扱いやすいコンパクトなパレットにまとめます。

02

使いやすい形式

HEX値をコピーするか、持ち運び可能なパレットストリップを書き出します。

03

再利用できる配色参照

HEX値または書き出したストリップを、後の編集や生成プロンプト用の参照としてアートの横に置いておきましょう。

02 / ワークフロー

元データから、分かりやすくラベル付きの出力へ。

ステップ 01

参考画像を選択

スクリーンショット、ムードボード、スプライト、イラストをアップロードしてください。

ステップ 02

上限を設定

最終パレットに含める主要色の数を選択してください。

ステップ 03

コピーまたは書き出し

個別のHEX値をコピーするか、全体のストリップをダウンロードします。

03 / FAQ

作成前に条件を明確にしてください。

色はどのように選ばれますか?

ブラウザで画像をサンプリングし、近いRGB値をグループ化して、出現頻度の高い色バケットを並べます。

元画像はアップロードされますか?

いいえ。パレット抽出はブラウザ内でローカルに行われます。

このパレットをAI生成に使えますか?

HEX値をプロンプトにコピーするか、ダウンロードしたカラーストリップを参照として使えます。このツールでは、プロジェクトのStyle Lockは保存されず、AI出力に正確な色を強制することもありません。

パイプラインの次工程

Keep building the same world.

次の作業に合うツールで続けましょう。参考素材の準備、アニメーションフレームの確認、ゲームエンジン向けアトラスのパッケージ化ができます。

PIXELBOX

画像をピクセルアートに変換

写真やイラストを、近似RGB減色で低解像度グリッドに変換します。ローカルで無料処理し、PNGはくっきり拡大します。

ツールを開く: 画像をピクセルアートに変換
PIXELBOX

ピクセルアートリサイズ

無料のローカル処理で、2×、4×、8×の最近傍法プリセットを使ってピクセルアートを拡大します。PNG出力は透明を保持し、各辺8192ピクセルまでです。

ツールを開く: ピクセルアートリサイズ
PIXELBOX

AIスプライト生成とスプライトシート作成

1人のキャラクターを、レビュー済みの4方向Idle、Walk、Attackパックに変換し、GodotとUnity向けに書き出します。

ツールを開く: AIスプライト生成とスプライトシート作成
PIXELBOX

2026年版 おすすめピクセルゲーム制作ツール

現在の出力と制限に応じて PixelBox のワークフローを選択してください。

ツールを開く: 2026年版 おすすめピクセルゲーム制作ツール
PIXELBOX

ピクセルゲーム素材ツール

スプライトパック、タイルセット、無料ユーティリティ、LabsプレビューをまとめたPixelBoxのスタジオハブです。

ツールを開く: ピクセルゲーム素材ツール
PIXELBOX

Godotピクセルアートツール

Godot 4では、名前付きアニメーション、FPS、ループ設定、安定した原点が必要です。無題のPNGフォルダでは足りません。これらのPixelBoxページは、SpriteFramesのインポートにどれだけ近いかで並んでいます。

ツールを開く: Godotピクセルアートツール