{"id":31923,"date":"2026-11-12T10:01:05","date_gmt":"2026-11-12T09:01:05","guid":{"rendered":"https:\/\/www.justcolor.net\/criancas\/pixel-coloring\/"},"modified":"2026-11-12T10:01:05","modified_gmt":"2026-11-12T09:01:05","slug":"pixel-coloring","status":"publish","type":"page","link":"https:\/\/www.justcolor.net\/criancas\/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 para colorir: transforme uma imagem num desenho pixel art<\/h1><\/div>\n\n  <!-- ============ TEMPS 1 : PR\u00c9PARATION ============ -->\n  <div id=\"jcpa-stage-prep\">\n  <p class=\"intro\">Escolha um modelo pronto a pintar ou carregue a sua imagem e pinte no ecr\u00e3 ou imprima o seu pixel art.<\/p>\n  <div class=\"workspace\">\n  <div class=\"form\">\n    <section class=\"step\">\n      <h2><span class=\"num\">1<\/span>Escolha um modelo ou carregue uma imagem<\/h2>\n      <div class=\"models\" id=\"jcpa-models\"><\/div>\n      <div class=\"drop\" id=\"jcpa-drop\">\n        <button id=\"jcpa-pick\" type=\"button\">Carregar a minha imagem<\/button>\n        <input type=\"file\" id=\"jcpa-file\" accept=\"image\/*\" hidden>\n        <p class=\"hint\" id=\"jcpa-dropnote\">ou arraste um ficheiro para aqui (JPG, PNG, WebP). A imagem fica no seu dispositivo.<\/p>\n      <\/div>\n    <\/section>\n\n    <section class=\"step\" id=\"jcpa-step_diff\">\n      <h2><span class=\"num\">2<\/span>Ajuste a dificuldade<\/h2>\n      <div class=\"seg\" id=\"jcpa-presets\">\n        <button type=\"button\" data-p=\"facile\">F\u00e1cil<\/button>\n        <button type=\"button\" data-p=\"moyen\">M\u00e9dio<\/button>\n        <button type=\"button\" data-p=\"difficile\">Dif\u00edcil<\/button>\n        <button type=\"button\" data-p=\"expert\">Especialista<\/button>\n      <\/div>\n      <div class=\"slider\"><label for=\"jcpa-cols\">Tamanho da grelha<\/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>Escolha o tipo de desenho<\/h2>\n      <div class=\"modes\" id=\"jcpa-modes\">\n        <button type=\"button\" class=\"card\" data-m=\"free\"><strong>Pintura livre<\/strong><small>Contornos pretos e quadrados brancos. As cores s\u00e3o escolhidas por si.<\/small><\/button>\n        <button type=\"button\" class=\"card\" data-m=\"numbers\"><strong>Pintar por n\u00fameros<\/strong><small>Cada quadrado tem o n\u00famero da sua cor. O desenho aparece pouco a pouco.<\/small><\/button>\n      <\/div>\n      <details>\n        <summary>Op\u00e7\u00f5es<\/summary>\n        <div class=\"step\">\n          <label class=\"check\" id=\"jcpa-opt_grid\"><input type=\"checkbox\" id=\"jcpa-grid\" checked> Mostrar a grelha<\/label>\n          <label class=\"check\" id=\"jcpa-opt_sw\"><input type=\"checkbox\" id=\"jcpa-swatches\" checked> Cores sugeridas no fundo da folha impressa<\/label>\n          <div class=\"slider\"><label for=\"jcpa-tint\">Tom de ajuda nos quadrados<\/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>Desenho<\/figcaption><\/figure>\n      <figure><canvas id=\"jcpa-pv2\"><\/canvas><figcaption>Modelo<\/figcaption><\/figure>\n    <\/div>\n    <button type=\"button\" class=\"primary\" id=\"jcpa-start\">Come\u00e7ar a pintar<\/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 Alterar as defini\u00e7\u00f5es<\/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>Guardar<\/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>Descarregar o 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>Descarregar o PNG<\/button>\n    <\/div>\n    <div class=\"drawopts\">\n      <div class=\"seg dmodes\" id=\"jcpa-dmodes\"><button type=\"button\" data-dm=\"free\">Pintura livre<\/button><button type=\"button\" data-dm=\"numbers\">Pintar por n\u00fameros<\/button><\/div>\n      <label class=\"check strict\" id=\"jcpa-opt_strict\"><input type=\"checkbox\" id=\"jcpa-strict\" checked> Cores do modelo<\/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>L\u00e1pis<\/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>Preencher uma 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>Borracha<\/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>Apagar tudo<\/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>Mover<\/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>Ampliar<\/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>Reduzir<\/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>Ajustar<\/button>\n          <\/div>\n          <div class=\"palette\" id=\"jcpa-palette\"><\/div>\n          <p class=\"hint\">Amplie com a roda, o beliscar ou os bot\u00f5es. Para se deslocar, mantenha premido e arraste, ou use a ferramenta Mover.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<div id=\"jcpa-bravo\" hidden><div><h2>Parab\u00e9ns!<\/h2><p>O seu pixel art est\u00e1 conclu\u00eddo.<\/p><button type=\"button\" class=\"primary\" id=\"jcpa-bravo_close\">Fechar<\/button><\/div><\/div>\n<div id=\"jcpa-gate\" hidden><div><h2>Crie a sua conta gratuita<\/h2><p>\u00c9 necess\u00e1ria uma conta Just Color para descarregar ou guardar o seu pixel art. O desenho em curso \u00e9 mantido.<\/p><a class=\"jcpa-btn\" id=\"jcpa-gate_login\" href=\"#\">Iniciar sess\u00e3o ou criar conta<\/a><button type=\"button\" id=\"jcpa-gate_close\">Mais tarde<\/button><\/div><\/div>\n<div id=\"jcpa-toast\" role=\"status\"><\/div><section class=\"jcpa-seo\"><h2>Como criar um desenho pixel art para colorir?<\/h2><p>Escolha um dos nossos modelos ou carregue a sua pr\u00f3pria imagem: uma foto, um desenho, um log\u00f3tipo. A ferramenta divide-a em quadrados e agrupa as cores parecidas. Depois ajusta o tamanho da grelha: uma grelha pequena d\u00e1 um desenho simples para os mais novos, uma grande um pixel art detalhado para os mais pacientes.<\/p><h2>Pintura livre ou por n\u00fameros<\/h2><p>Na pintura livre obt\u00e9m contornos pretos sobre uma grelha, para preencher com as cores que quiser. Na pintura por n\u00fameros, cada quadrado tem um n\u00famero que corresponde a uma cor da paleta: o desenho revela-se \u00e0 medida que pinta. As duas vers\u00f5es pintam-se no ecr\u00e3 ou imprimem-se numa folha A4.<\/p><h2>Perguntas frequentes<\/h2><h3>A ferramenta \u00e9 gratuita?<\/h3><p>Sim. Criar e pintar no ecr\u00e3 est\u00e1 aberto a todos. Basta uma conta Just Color gratuita para descarregar o PDF ou o PNG e guardar os seus pixel art.<\/p><h3>As minhas fotos s\u00e3o enviadas para um servidor?<\/h3><p>N\u00e3o. A convers\u00e3o em pixel art \u00e9 feita no seu navegador. S\u00f3 a grelha obtida \u00e9 guardada se optar por guard\u00e1-la na sua conta.<\/p><h3>Que tamanho de grelha escolher?<\/h3><p>Conte cerca de 16 quadrados de largura para uma crian\u00e7a dos 5 aos 7 anos, 24 a 36 para um desenho mais fino e at\u00e9 100 para um pixel art muito detalhado.<\/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\/criancas\/wp-json\/wp\/v2\/pages\/31923","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.justcolor.net\/criancas\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.justcolor.net\/criancas\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justcolor.net\/criancas\/wp-json\/wp\/v2\/comments?post=31923"}],"version-history":[{"count":0,"href":"https:\/\/www.justcolor.net\/criancas\/wp-json\/wp\/v2\/pages\/31923\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.justcolor.net\/criancas\/wp-json\/wp\/v2\/media?parent=31923"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justcolor.net\/criancas\/wp-json\/wp\/v2\/tags?post=31923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}