数字で塗る図案を作る（ペイントバイナンバー）

写真を数字で塗る図案（ペイントバイナンバー）に変換します。色を12〜36色に減らし、つながった色の領域を見つけて番号を付け、黒い輪郭線と番号だけの線画、色見本表、完成図の着色プレビューを作ります。家族やペットの写真から自分だけの塗り絵キャンバスを作りたいときに使います。

使い方

1. 最初は湖のほとりのサンプルで作った図案が表示されます。自分の写真は「写真や絵をここにドロップするか、クリックして選択」で選ぶか、Ctrl+V で貼り付けます。
2. 「色数」で絵の具の色数を、「細かさ」でどこまで小さな部分を残すかを決めます。番号を入れられない小さな領域が多いときは「小さな領域をまとめる」を上げます。
3. 「プレビュー」で「線画」と「完成図（着色）」を切り替えて確認し、上の比較スライダーで元の画像と図案を重ねて見ます。
4. 「キャンバスの幅」を cm で入れると、キャンバスのサイズと最小の領域の実際の幅が表示されます。色見本表の番号をタップするとその色の領域だけが表示されます。
5. 「PDFで保存」「印刷」「線画 PNG」「着色 PNG」で書き出します。印刷の1枚目は線画、2枚目は色見本表です。

計算方法と補足

• 写真は「細かさ」に応じて長辺320〜900 px に縮小し、軽くぼかしてから CIELAB 色空間で k平均法により「色数」のグループにまとめます。3×3 の多数決フィルターで境界を滑らかにし、同じ色がつながった領域を見つけます。
• 指定したサイズより小さい領域や、筆が入らないほど細い領域は、最も長く接する隣の色に統合されます。番号は領域の中で縁から最も深い位置に置かれ、それでも小さすぎる領域は番号なしのままです。
• 輪郭線は領域の境界に沿った線を単純化して丸めたベクター線なので、どのサイズで印刷してもくっきりしています。色見本表の色名と混色のヒントは明るさと色相を言葉にした参考情報で、16進数の値が正確な色です。
• 画像はこの端末のブラウザー内だけで処理され、どこにもアップロードされません。設定だけがこのブラウザーに保存されます。

写真から数字で塗る図案を作るときの色数と細かさ

市販のキットは24色前後が一般的です。人物写真は肌の明るい面・中間・影がそれぞれ別の番号になって立体感が出るので24〜30色、風景や花は16〜24色が合います。色が多いほど領域も増えて塗る時間が長くなります。

「細かさ」は作業解像度と領域サイズの基準を変えます。子どもが塗る図案や小さなキャンバス（20〜30 cm）は細かさ3〜4で大きな面中心にし、50 cm 以上のキャンバスなら6〜8に上げても領域は筆が入る大きさに保たれます。画面の「最小領域の幅」が 3 mm を下回ったら「小さな領域をまとめる」を上げてください。

印刷した図案をキャンバスに写す方法

線画をキャンバスと同じ大きさで印刷するか、小さく印刷してから方眼・プロジェクター・カーボン紙でキャンバスに写します。保存した線画の PNG をキャンバスサイズで出力して転写する方法もあります。

色見本表の番号順に1色ずつ、明るい色から暗い色へ塗ると境界がきれいになります。番号のない小さな領域は接している隣の領域と同じ色で塗ります。「完成図（着色）」のプレビューを横に置いておくと色を選びやすくなります。

よくある質問

写真から数字で塗る図案はどう作りますか？

写真を追加して色数と細かさを決めるだけで、線画・番号・色見本表ができます。「完成図（着色）」で仕上がりを確認してから PDF や PNG で保存します。

数字で塗る図案の色は何色が適切ですか？

風景や花は16〜24色、人物は24〜30色が目安です。色が少ないと領域が大きく塗りやすく、多いと自然ですが領域がかなり増えます。

番号のない領域はどう塗りますか？

筆が入らないほど小さい領域には番号がありません。接している隣の領域と同じ色で塗るか、「小さな領域をまとめる」を上げて統合してしまいます。

絵の具の色はどう合わせますか？

色見本表の見本と16進数の値を基準に最も近い絵の具を選びます。「白を足す」「黒を少し」などの混色のヒントは、目指す明るさの方向を示す参考情報です。

キャンバスのサイズを変えると図案は変わりますか？

いいえ。図案は同じで、最小領域の実際の幅だけが計算し直されます。キャンバスが大きいほど各領域が広くなり塗りやすくなります。