{"id":31923,"date":"2026-11-12T10:01:10","date_gmt":"2026-11-12T09:01:10","guid":{"rendered":"https:\/\/www.justcolor.net\/bambini\/pixel-coloring\/"},"modified":"2026-11-12T10:01:10","modified_gmt":"2026-11-12T09:01:10","slug":"pixel-coloring","status":"publish","type":"page","link":"https:\/\/www.justcolor.net\/bambini\/pixel-coloring\/","title":{"rendered":"Pixel art \u00e0 colorier en ligne : cr\u00e9ez votre coloriage pixel art gratuit"},"content":{"rendered":"<div class=\"jc-pixel-art\" id=\"jc-pixel-art\"><div class=\"page\">\n  <div class=\"title-row\"><h1 class=\"entry-title\">Pixel art da colorare: trasforma un&#039;immagine in un disegno pixel art<\/h1><\/div>\n\n  <!-- ============ TEMPS 1 : PR\u00c9PARATION ============ -->\n  <div id=\"jcpa-stage-prep\">\n  <p class=\"intro\">Scegli un modello pronto da colorare o carica la tua immagine, poi colora sullo schermo o stampa il tuo pixel art.<\/p>\n  <div class=\"workspace\">\n  <div class=\"form\">\n    <section class=\"step\">\n      <h2><span class=\"num\">1<\/span>Scegli un modello o carica un&#039;immagine<\/h2>\n      <div class=\"models\" id=\"jcpa-models\"><\/div>\n      <div class=\"drop\" id=\"jcpa-drop\">\n        <button id=\"jcpa-pick\" type=\"button\">Carica la mia immagine<\/button>\n        <input type=\"file\" id=\"jcpa-file\" accept=\"image\/*\" hidden>\n        <p class=\"hint\" id=\"jcpa-dropnote\">oppure trascina qui un file (JPG, PNG, WebP). L&#039;immagine resta sul tuo dispositivo.<\/p>\n      <\/div>\n    <\/section>\n\n    <section class=\"step\" id=\"jcpa-step_diff\">\n      <h2><span class=\"num\">2<\/span>Regola la difficolt\u00e0<\/h2>\n      <div class=\"seg\" id=\"jcpa-presets\">\n        <button type=\"button\" data-p=\"facile\">Facile<\/button>\n        <button type=\"button\" data-p=\"moyen\">Medio<\/button>\n        <button type=\"button\" data-p=\"difficile\">Difficile<\/button>\n        <button type=\"button\" data-p=\"expert\">Esperto<\/button>\n      <\/div>\n      <div class=\"slider\"><label for=\"jcpa-cols\">Dimensione della griglia<\/label><output id=\"jcpa-o_cols\"><\/output><input type=\"range\" id=\"jcpa-cols\" min=\"12\" max=\"100\" value=\"32\"><\/div>\n      <p class=\"hint\" id=\"jcpa-rec\"><\/p>\n      <p class=\"hint warn\" id=\"jcpa-warn\" hidden><\/p>\n    <\/section>\n\n    <section class=\"step\">\n      <h2><span class=\"num\" id=\"jcpa-num_type\">3<\/span>Scegli il tipo di disegno<\/h2>\n      <div class=\"modes\" id=\"jcpa-modes\">\n        <button type=\"button\" class=\"card\" data-m=\"free\"><strong>Colorazione libera<\/strong><small>Contorni neri e caselle bianche. I colori li scegli tu.<\/small><\/button>\n        <button type=\"button\" class=\"card\" data-m=\"numbers\"><strong>Colora con i numeri<\/strong><small>Ogni casella riporta il numero del suo colore. Il disegno appare poco a poco.<\/small><\/button>\n      <\/div>\n      <details>\n        <summary>Opzioni<\/summary>\n        <div class=\"step\">\n          <label class=\"check\" id=\"jcpa-opt_grid\"><input type=\"checkbox\" id=\"jcpa-grid\" checked> Mostra la griglia<\/label>\n          <label class=\"check\" id=\"jcpa-opt_sw\"><input type=\"checkbox\" id=\"jcpa-swatches\" checked> Colori consigliati in fondo al foglio stampato<\/label>\n          <div class=\"slider\"><label for=\"jcpa-tint\">Tinta di aiuto nelle caselle<\/label><output id=\"jcpa-o_tint\"><\/output><input type=\"range\" id=\"jcpa-tint\" min=\"0\" max=\"60\" value=\"0\" step=\"5\"><\/div>\n        <\/div>\n      <\/details>\n    <\/section>\n  <\/div>\n\n  <div class=\"preview\">\n    <div class=\"stats\" id=\"jcpa-stats\"><\/div>\n    <div class=\"pair\" id=\"jcpa-pair\">\n      <figure><canvas id=\"jcpa-pv1\"><\/canvas><figcaption>Disegno<\/figcaption><\/figure>\n      <figure><canvas id=\"jcpa-pv2\"><\/canvas><figcaption>Modello<\/figcaption><\/figure>\n    <\/div>\n    <button type=\"button\" class=\"primary\" id=\"jcpa-start\">Inizia a colorare<\/button>\n  <\/div>\n  <\/div>\n  <\/div>\n\n  <!-- ============ TEMPS 2 : DESSIN ============ -->\n  <div id=\"jcpa-stage-draw\" hidden>\n    <div class=\"topbar\">\n      <button type=\"button\" id=\"jcpa-back\">\u2190 Modifica le impostazioni<\/button>\n      <div class=\"progress\"><div class=\"bar\"><i id=\"jcpa-barfill\"><\/i><i id=\"jcpa-barerr\" class=\"err\"><\/i><\/div><span id=\"jcpa-pct\">0 %<\/span><span class=\"errs\" id=\"jcpa-errs\" hidden><\/span><\/div>\n      <button type=\"button\" id=\"jcpa-save\"><svg class=\"ic\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 4h11l3 3v13H5z\"\/><path d=\"M8 4v5h7V4\"\/><path d=\"M8 20v-6h8v6\"\/><\/svg>Salva<\/button>\n      <button type=\"button\" id=\"jcpa-dl_pdf\"><svg class=\"ic\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 4v11\"\/><path d=\"M7.5 11l4.5 4.5 4.5-4.5\"\/><path d=\"M5 20h14\"\/><\/svg>Scarica il PDF<\/button>\n      <button type=\"button\" id=\"jcpa-dl_png\"><svg class=\"ic\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 4v11\"\/><path d=\"M7.5 11l4.5 4.5 4.5-4.5\"\/><path d=\"M5 20h14\"\/><\/svg>Scarica il PNG<\/button>\n    <\/div>\n    <div class=\"drawopts\">\n      <div class=\"seg dmodes\" id=\"jcpa-dmodes\"><button type=\"button\" data-dm=\"free\">Colorazione libera<\/button><button type=\"button\" data-dm=\"numbers\">Colora con i numeri<\/button><\/div>\n      <label class=\"check strict\" id=\"jcpa-opt_strict\"><input type=\"checkbox\" id=\"jcpa-strict\" checked> Colori del modello<\/label>\n    <\/div>\n    <div class=\"studio\">\n      <div class=\"side\">\n        <div class=\"thumb\">\n          <div class=\"thumbbox\" id=\"jcpa-thumbbox\"><canvas id=\"jcpa-thumb\"><\/canvas><div id=\"jcpa-viewport\" hidden><\/div><\/div>\n        <\/div>\n      <\/div>\n      <div>\n        <div class=\"paper\" id=\"jcpa-paper\"><canvas id=\"jcpa-view\"><\/canvas><\/div>\n        <div class=\"dock\">\n          <div class=\"tools\" id=\"jcpa-tools\">\n            <button type=\"button\" data-tool=\"pen\" aria-pressed=\"true\"><svg class=\"ic\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 20l1-4L16.5 4.5a2.1 2.1 0 013 3L8 19l-4 1z\"\/><path d=\"M14.5 6.5l3 3\"\/><\/svg>Matita<\/button>\n            <button type=\"button\" data-tool=\"bucket\"><svg class=\"ic\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 11l7-7 8 8-7 7a2 2 0 01-2.8 0L5 13.8A2 2 0 015 11z\"\/><path d=\"M4.5 12.5h15\"\/><path d=\"M20 16.5c1 1.4 1.5 2.3 1.5 3a1.5 1.5 0 01-3 0c0-.7.5-1.6 1.5-3z\"\/><\/svg>Riempi una zona<\/button>\n            <button type=\"button\" data-tool=\"eraser\"><svg class=\"ic\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8 20l-4.3-4.3a2 2 0 010-2.8L13 3.6a2 2 0 012.8 0l4.6 4.6a2 2 0 010 2.8L11 20z\"\/><path d=\"M8.5 8.1l7.4 7.4\"\/><path d=\"M8 20h12\"\/><\/svg>Gomma<\/button>\n            <button type=\"button\" id=\"jcpa-clear\"><svg class=\"ic\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 7h16\"\/><path d=\"M9 7V4h6v3\"\/><path d=\"M6 7l1 13h10l1-13\"\/><path d=\"M10 11v6M14 11v6\"\/><\/svg>Cancella tutto<\/button>\n          <\/div>\n          <div class=\"tools\">\n            <button type=\"button\" data-tool=\"move\"><svg class=\"ic\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3v18M3 12h18\"\/><path d=\"M9 6l3-3 3 3M9 18l3 3 3-3M6 9l-3 3 3 3M18 9l3 3-3 3\"\/><\/svg>Sposta<\/button>\n            <button type=\"button\" id=\"jcpa-zin\"><svg class=\"ic\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"11\" r=\"6.5\"\/><path d=\"M16 16l4.5 4.5\"\/><path d=\"M8.5 11h5M11 8.5v5\"\/><\/svg>Ingrandisci<\/button>\n            <button type=\"button\" id=\"jcpa-zout\"><svg class=\"ic\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"11\" r=\"6.5\"\/><path d=\"M16 16l4.5 4.5\"\/><path d=\"M8.5 11h5\"\/><\/svg>Riduci<\/button>\n            <button type=\"button\" id=\"jcpa-zfit\"><svg class=\"ic\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5\"\/><\/svg>Adatta<\/button>\n          <\/div>\n          <div class=\"palette\" id=\"jcpa-palette\"><\/div>\n          <p class=\"hint\">Zooma con la rotellina, il pizzico o i pulsanti. Per spostarti, tieni premuto e trascina, oppure usa lo strumento Sposta.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<div id=\"jcpa-bravo\" hidden><div><h2>Bravo!<\/h2><p>Il tuo pixel art \u00e8 completo.<\/p><button type=\"button\" class=\"primary\" id=\"jcpa-bravo_close\">Chiudi<\/button><\/div><\/div>\n<div id=\"jcpa-gate\" hidden><div><h2>Crea il tuo account gratuito<\/h2><p>Serve un account Just Color per scaricare o salvare il tuo pixel art. Il disegno in corso viene conservato.<\/p><a class=\"jcpa-btn\" id=\"jcpa-gate_login\" href=\"#\">Accedi o crea un account<\/a><button type=\"button\" id=\"jcpa-gate_close\">Pi\u00f9 tardi<\/button><\/div><\/div>\n<div id=\"jcpa-toast\" role=\"status\"><\/div><section class=\"jcpa-seo\"><h2>Come creare un disegno pixel art da colorare?<\/h2><p>Scegli uno dei nostri modelli o carica la tua immagine: una foto, un disegno, un logo. Lo strumento la divide in caselle e raggruppa i colori simili. Poi regoli la dimensione della griglia: una griglia piccola d\u00e0 un disegno semplice per i pi\u00f9 piccoli, una grande un pixel art dettagliato per i pi\u00f9 pazienti.<\/p><h2>Colorazione libera o con i numeri<\/h2><p>Con la colorazione libera ottieni contorni neri su una griglia, da riempire con i colori che preferisci. Con i numeri, ogni casella riporta un numero che corrisponde a un colore della tavolozza: il disegno si rivela mentre colori. Entrambe le versioni si colorano sullo schermo o si stampano su un foglio A4.<\/p><h2>Domande frequenti<\/h2><h3>Lo strumento \u00e8 gratuito?<\/h3><p>S\u00ec. Creare e colorare sullo schermo \u00e8 aperto a tutti. Basta un account Just Color gratuito per scaricare il PDF o il PNG e salvare i tuoi pixel art.<\/p><h3>Le mie foto vengono inviate a un server?<\/h3><p>No. La trasformazione in pixel art avviene nel tuo browser. Viene salvata solo la griglia ottenuta, se scegli di salvarla nel tuo account.<\/p><h3>Quale dimensione della griglia scegliere?<\/h3><p>Calcola circa 16 caselle di larghezza per un bambino dai 5 ai 7 anni, da 24 a 36 per un disegno pi\u00f9 fine e fino a 100 per un pixel art molto dettagliato.<\/p><\/section><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"tags":[],"class_list":["post-31923","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/www.justcolor.net\/bambini\/wp-json\/wp\/v2\/pages\/31923","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.justcolor.net\/bambini\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.justcolor.net\/bambini\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justcolor.net\/bambini\/wp-json\/wp\/v2\/comments?post=31923"}],"version-history":[{"count":0,"href":"https:\/\/www.justcolor.net\/bambini\/wp-json\/wp\/v2\/pages\/31923\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.justcolor.net\/bambini\/wp-json\/wp\/v2\/media?parent=31923"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justcolor.net\/bambini\/wp-json\/wp\/v2\/tags?post=31923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}