Palettely ワークベンチガイド

最終確認: 2026-05-23

Palettely は、パレットインデックス方式のピクセルアートワークベンチです。空白キャンバス、AI 生成、画像インポート、または厳選テンプレートから始められます。作品は「ピクセルグリッド」と「パレット」を分けて保存するため、色替え、ピクセル単位の修正、PNG/SVG/JSON/CSS variables/Tailwind config の書き出しを同じ編集元から行えます。

Palettely とは

Palettely は単なる PNG 生成ツールではありません。ピクセルの配置と色の定義を分けて扱う編集ツールです。

• グリッドは固定 RGB ではなく、色スロットの index を保存します。
• パレットは各 index の実際の色を保存します。
• パレットの 1 色を変えると、その色を使うすべてのピクセルが更新されます。
• 画像ファイルとコード用 token を同じ状態から書き出せます。

この構造は、ゲーム用アイテム、アイコン、アバター、小さなシーン、レトロ UI、フロントエンドのデザインシステムに向いています。

主要ページ

無料編集と AI クレジット

手動編集、テンプレート remix、パレット変更、書き出しは無料です。クレジットは Palettely が AI 画像を生成するときにだけ使われます。

新規 Google ログインには trial credits があります。Free プランには 30 signup credits と 10 件の保存枠が含まれます。有料サブスクリプションでは毎月の AI credits とより大きな保存枠を利用できます。制作量が増えたときは top-up credits も追加でき、top-up は期限切れせず、サブスクリプション credits の後に使われます。生成パイプラインが画像を返せなかった場合は自動で返金されます。

ライブラリを使う

ライブラリは、よい構図から始めるための入口です。同じ種類の sprite をサイズ、テーマ、配色で比較できます。

検索の流れ:

1. ライブラリ を開きます。
2. coin、sword、cat、64x64 などを検索します。
3. サイズ、カテゴリ、スタイルチップで絞り込みます。
4. 詳細を見るなら見る、編集するなら Remix を選びます。

テンプレートカードには通常、プレビュー、サイズ、パレット、タグ、クイック操作が表示されます。デフォルト表示では高品質なテンプレートを優先します。

テンプレート詳細

テンプレート詳細ページでは、プレビュー、サイズ、カテゴリ、パレット、色の使用量、関連テンプレート、スタジオへの入口を確認できます。

確認するとよい点:

• サイズがプロジェクトに合うか。
• パレットキーと色の使用量。
• sprite の想定用途。
• スタジオで remix して書き出す入口。

スタジオを使う

スタジオは Palettely の中心です。4 つの入口、中央キャンバス、パレット操作、保存、書き出しを備えています。

空白キャンバス

空白キャンバスは、完全に手で描きたいときに使います。サイズとパレットを選び、グリッド上に描き始めます。

対応サイズ: 16、24、32、48、64、128、256 の正方形ピクセル。

内蔵パレット: tomodachi、bubblegum、mono、gameboy、pico8、forest、ocean、dawn、ember、nes。カスタムパレットも使えます。

AI 生成

AI 生成は、プロンプトから編集可能なピクセルグリッドを作ります。最初のラフを作り、あとで手動で整える用途に向いています。

おすすめのプロンプト構造:

single subject, readable silhouette, intended use, color mood

例:

• small blue sword, game item icon, simple silhouette
• cozy forest cabin, centered sprite, warm lights
• black cat with red eyes, sitting pose, clean outline

Fast はすばやい下書き向けです。Thinking は遅く、より多くの credits を使いますが、品質を優先したいときに向いています。

テンプレート Remix

テンプレート remix は、既存テンプレートから始める方法です。AI 生成を呼ばないため、構造が安定し、credits も使いません。

基本の流れ:

1. テンプレート remix を選びます。
2. テンプレートを検索またはフィルタします。
3. テンプレートを読み込みます。
4. パレットを切り替える、hex を調整する、ピクセルを修正する。
5. PNG、SVG、JSON、CSS、Tailwind として書き出します。

Import Image

画像インポートは PNG、JPG、WebP をパレットインデックスの sprite に変換します。

ロゴや写真は 64 または 128 から始めるのが安全です。256 は複雑な題材に向きますが、編集負荷も高くなります。

編集ツール

キャンバスはパレット index を編集します。各ピクセルがパレットスロットを参照するため、色替えとコード書き出しが安定します。

使えるツール:

• 鉛筆、消しゴム、スポイト、塗りつぶし
• 線、長方形、円
• 選択、移動、手のひら / pan
• Undo / Redo
• 水平 / 垂直反転
• 90 度回転
• 全画面キャンバス
• スムーズズームと fit-to-view

ブラシサイズは 1px、2px、3px、4px に対応します。数字表示はグリッド内に色 index を表示し、JSON やパレット remap を確認するときに便利です。

パレット編集

パレットパネルでは現在のパレットと色スロットを確認できます。色をクリックして描画色にし、hex を編集すると、そのスロットを使う全ピクセルが更新されます。

よい使い方:

• 重要な輪郭は安定した暗色スロットに置く。
• アイコンや UI 素材は色数を抑える。
• 通常の sprite は 16 から 32 色で十分なことが多い。
• 64 色テンプレートは豊かな陰影に向きますが、完全復元が必要なら連続 remap は避けます。

書き出し

Palettely は同じグリッドから複数形式を書き出せます。

書き出し設定にはファイル名、倍率、背景があります。ゲームマップや UI に重ねる sprite は透明背景が便利です。

保存、公開、探索

ログインすると、draft 保存、公開、like、collect、自分の作品管理が使えます。

下書きは非公開です。公開作品は探索に表示されます。自分の作品は「自分の作品」からスタジオに戻して編集できます。

よくある質問

ログインなしで使えますか？

閲覧、手動編集、テンプレート remix、パレット変更、書き出しはログインなしで使えます。保存、公開、credits はログインが必要です。

どの操作で credits を使いますか？

AI 生成が画像を正常に返したときに credits を使います。手動編集、テンプレート、パレット変更、書き出しでは使いません。

どの書き出し形式を選ぶべきですか？

通常の画像用途なら PNG、拡大が必要なら SVG、エンジンやツール連携なら JSON、デザイン token なら CSS、Tailwind プロジェクトなら Tailwind config を選びます。

palette-indexed が重要な理由は？

ピクセルの構造と色定義を分けられるからです。同じ構図を保ったまま色だけを変え、画像とコード token を同時に書き出せます。