色番号を使った効率的な塗り方

なぜ「色ごとに塗る」のが効率的か

ハートピアのドット絵入力は、同じ色のマスをすべて塗り終えてから次の色に移る「色ごとに塗る」方式が最も効率的です。 都度色を切り替えながら左上から順に塗っていく方法に比べて、操作回数を大幅に減らせます。

このツールの「色番号表示」「同色選択」「色塗り完了マーク」機能を組み合わせることで、 色ごとに塗る作業をスムーズにサポートします。

機能の紹介

推奨の作業フロー

1. 1

   変換後に使用色を確認する

   ドット絵変換後、パレットセクションに「使用色一覧」が表示されます。使用色数と色番号の組み合わせを最初に把握しておきましょう。色数が多い場合は出力サイズを小さくすることも検討します。

2. 2

   最も使用量の多い色から始める

   使用ピクセル数が多い色から塗ると、ゲーム内の色切り替え回数が少なくなります。一般的に背景色・メインカラーを先に、差し色・アウトラインを後に塗ると効率的です。

3. 3

   同色選択で位置を確認してから塗る

   ゲームに移る前に、1色ずつ同色選択でハイライト表示し、どこに分布しているかを確認します。グリッド付きPNGと合わせて参照すると座標を特定しやすくなります。

4. 4

   塗り終わったら「色塗り完了」をマーク

   1色塗り終えたら「色塗り完了」ボタンでその色に白オーバーレイをかけます。これにより残っている色と完了した色が一目で区別でき、塗り忘れを防げます。

5. 5

   次の色に移って繰り返す

   未完了の色のピクセルをタップ → 同色選択 → ゲームで塗る → 完了マーク、のサイクルを繰り返します。全色に完了マークがついたら完成です。

ルーペ機能でピクセルを拡大確認

ドット絵の上でカーソルを動かす（PCではホバー、スマホでは長押し）と、 周辺9×9ピクセルを拡大表示するルーペが表示されます。 色番号・5pxグリッドがルーペ内でも確認できるため、 細かい部分の色番号を確認するのに便利です。

また、ピクセルをタップした後「🔍 拡大」ボタンを押すと、 選択ピクセル周辺15×15ピクセルをモーダルで大きく表示できます。 手元のスマホで確認する際に役立ちます。

よくある質問