ノード一覧に戻る

インデックス画像にパレット適用

indexed_image_apply_palette

ピクセルごとの番号はそのままに、参照している色表だけを差し替えます。

確認済み
解説あり

入力ポート

名前説明
インデックス画像
indexed_image
IndexedImage
必須
ピクセルごとの番号を保ったまま色表を変えたい画像です。
差し替えパレット
palette
Palette
必須
差し替える色表です。1番目、2番目...という並び順で同じ番号の色を置き換えます。

出力ポート

名前説明
インデックス画像
indexed_image
IndexedImage
各ピクセルが「パレットの何番か」を持つ画像です。色表を変えると同じ番号の場所がまとめて変わります。
パレット
palette
Palette
このインデックス画像が参照している通常色の一覧です。
画像
image
Image
現在のパレットで通常画像に戻したプレビューです。
色数
color_count
Int
通常色の数です。専用の透明スロットは色数に含めません。
概要
summary
Text
インデックス画像のサイズや色数の短い説明です。

まず何に使う?

  • 同じ番号のピクセルを一括で色替えしたい時
  • ドット絵の陰影や塗り分けを保ったまま、配色だけ変えたい時
  • 抽出したパレットを調整して、画像全体へまとめて反映したい時

概要

インデックス画像の色表だけを差し替えるノードです。ピクセルの番号 (=絵柄・陰影の構造)はそのまま、参照する色だけ変わるので、ドット絵の 「色違い」を作る中核部品になります。

使い方のポイント

  • 色替えの完成形: image_to_indexed_image の indexed_image + 加工済みパレット(palette_adjust_hsv / palette_edit / palette_set)→ このノード。同じ絵柄の配色違いが量産できる
  • palette_cycle をつなげば古典的なパレットサイクルアニメになる
  • パレットの並び順が番号になる点に注意。色数が足りない番号は透明になる

関連ノード

  • image_to_indexed_image — 前段(番号化)
  • palette_adjust_hsv / palette_adjust_oklch / palette_set — 差し替えパレットの加工
  • palette_cycle — アニメーション用途
  • indexed_image_render — 一時的な色表上書きとの使い分け先

仕組み

  • 画像内の各ピクセルは「0番、1番、2番...」という番号を持っています。
  • このノードはその番号を変えず、番号が参照する色だけを差し替えます。
  • たとえば0番が赤、1番が黒の画像に、0番が青、1番が白のパレットを入れると、赤だった場所が全部青に、黒だった場所が全部白になります。

注意

  • パレットの並び順が番号になります。
  • 入力パレットの色数が足りない番号は透明として描画されます。
  • 透明スロットは通常パレット配列とは別扱いです。

使用例

  1. Image To IndexedImageindexed_image を接続する
  2. 調整した Palettepalette に接続する
  3. image 出力で色替え後の見た目を確認する
  4. 必要なら indexed_image をさらに後段へ流す
ノード一覧に戻る
インデックス画像にパレット適用 — PixPipeline ノード解説