{"id":31923,"date":"2026-11-12T10:01:14","date_gmt":"2026-11-12T09:01:14","guid":{"rendered":"https:\/\/www.justcolor.net\/kinder\/pixel-coloring\/"},"modified":"2026-11-12T10:01:14","modified_gmt":"2026-11-12T09:01:14","slug":"pixel-coloring","status":"publish","type":"page","link":"https:\/\/www.justcolor.net\/kinder\/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 zum Ausmalen: Verwandle ein Bild in eine Pixel-Art-Malvorlage<\/h1><\/div>\n\n  <!-- ============ TEMPS 1 : PR\u00c9PARATION ============ -->\n  <div id=\"jcpa-stage-prep\">\n  <p class=\"intro\">W\u00e4hle eine fertige Vorlage oder lade dein eigenes Bild hoch und male am Bildschirm aus oder drucke deine Pixel Art.<\/p>\n  <div class=\"workspace\">\n  <div class=\"form\">\n    <section class=\"step\">\n      <h2><span class=\"num\">1<\/span>Vorlage w\u00e4hlen oder Bild hochladen<\/h2>\n      <div class=\"models\" id=\"jcpa-models\"><\/div>\n      <div class=\"drop\" id=\"jcpa-drop\">\n        <button id=\"jcpa-pick\" type=\"button\">Mein Bild hochladen<\/button>\n        <input type=\"file\" id=\"jcpa-file\" accept=\"image\/*\" hidden>\n        <p class=\"hint\" id=\"jcpa-dropnote\">oder ziehe eine Datei hierher (JPG, PNG, WebP). Das Bild bleibt auf deinem Ger\u00e4t.<\/p>\n      <\/div>\n    <\/section>\n\n    <section class=\"step\" id=\"jcpa-step_diff\">\n      <h2><span class=\"num\">2<\/span>Schwierigkeit einstellen<\/h2>\n      <div class=\"seg\" id=\"jcpa-presets\">\n        <button type=\"button\" data-p=\"facile\">Leicht<\/button>\n        <button type=\"button\" data-p=\"moyen\">Mittel<\/button>\n        <button type=\"button\" data-p=\"difficile\">Schwer<\/button>\n        <button type=\"button\" data-p=\"expert\">Experte<\/button>\n      <\/div>\n      <div class=\"slider\"><label for=\"jcpa-cols\">Rastergr\u00f6\u00dfe<\/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>Art der Malvorlage w\u00e4hlen<\/h2>\n      <div class=\"modes\" id=\"jcpa-modes\">\n        <button type=\"button\" class=\"card\" data-m=\"free\"><strong>Freies Ausmalen<\/strong><small>Schwarze Umrisse und wei\u00dfe K\u00e4stchen. Du w\u00e4hlst deine Farben selbst.<\/small><\/button>\n        <button type=\"button\" class=\"card\" data-m=\"numbers\"><strong>Malen nach Zahlen<\/strong><small>Jedes K\u00e4stchen tr\u00e4gt die Nummer seiner Farbe. Das Bild erscheint nach und nach.<\/small><\/button>\n      <\/div>\n      <details>\n        <summary>Optionen<\/summary>\n        <div class=\"step\">\n          <label class=\"check\" id=\"jcpa-opt_grid\"><input type=\"checkbox\" id=\"jcpa-grid\" checked> Raster anzeigen<\/label>\n          <label class=\"check\" id=\"jcpa-opt_sw\"><input type=\"checkbox\" id=\"jcpa-swatches\" checked> Farbvorschl\u00e4ge unten auf dem Ausdruck<\/label>\n          <div class=\"slider\"><label for=\"jcpa-tint\">Hilfsfarbton in den K\u00e4stchen<\/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>Malvorlage<\/figcaption><\/figure>\n      <figure><canvas id=\"jcpa-pv2\"><\/canvas><figcaption>Vorlage<\/figcaption><\/figure>\n    <\/div>\n    <button type=\"button\" class=\"primary\" id=\"jcpa-start\">Ausmalen starten<\/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 Einstellungen \u00e4ndern<\/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>Speichern<\/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>PDF herunterladen<\/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>PNG herunterladen<\/button>\n    <\/div>\n    <div class=\"drawopts\">\n      <div class=\"seg dmodes\" id=\"jcpa-dmodes\"><button type=\"button\" data-dm=\"free\">Freies Ausmalen<\/button><button type=\"button\" data-dm=\"numbers\">Malen nach Zahlen<\/button><\/div>\n      <label class=\"check strict\" id=\"jcpa-opt_strict\"><input type=\"checkbox\" id=\"jcpa-strict\" checked> Farben der Vorlage<\/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>Stift<\/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>Fl\u00e4che f\u00fcllen<\/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>Radierer<\/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>Alles l\u00f6schen<\/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>Verschieben<\/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>Vergr\u00f6\u00dfern<\/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>Verkleinern<\/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>Einpassen<\/button>\n          <\/div>\n          <div class=\"palette\" id=\"jcpa-palette\"><\/div>\n          <p class=\"hint\">Zoome mit Mausrad, zwei Fingern oder den Schaltfl\u00e4chen. Zum Verschieben gedr\u00fcckt halten und ziehen oder das Werkzeug Verschieben nutzen.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<div id=\"jcpa-bravo\" hidden><div><h2>Bravo!<\/h2><p>Deine Pixel Art ist fertig.<\/p><button type=\"button\" class=\"primary\" id=\"jcpa-bravo_close\">Schlie\u00dfen<\/button><\/div><\/div>\n<div id=\"jcpa-gate\" hidden><div><h2>Erstelle dein kostenloses Konto<\/h2><p>Zum Herunterladen oder Speichern deiner Pixel Art brauchst du ein Just-Color-Konto. Dein aktueller Stand bleibt erhalten.<\/p><a class=\"jcpa-btn\" id=\"jcpa-gate_login\" href=\"#\">Anmelden oder Konto erstellen<\/a><button type=\"button\" id=\"jcpa-gate_close\">Sp\u00e4ter<\/button><\/div><\/div>\n<div id=\"jcpa-toast\" role=\"status\"><\/div><section class=\"jcpa-seo\"><h2>Wie erstellt man eine Pixel-Art-Malvorlage?<\/h2><p>W\u00e4hle eine unserer Vorlagen oder lade dein eigenes Bild hoch: ein Foto, eine Zeichnung, ein Logo. Das Werkzeug teilt es in kleine K\u00e4stchen und fasst \u00e4hnliche Farben zusammen. Danach stellst du die Rastergr\u00f6\u00dfe ein: Ein kleines Raster ergibt eine einfache Malvorlage f\u00fcr die J\u00fcngsten, ein gro\u00dfes eine detailreiche Pixel Art f\u00fcr Geduldige.<\/p><h2>Freies Ausmalen oder Malen nach Zahlen<\/h2><p>Beim freien Ausmalen erh\u00e4ltst du schwarze Umrisse auf einem Raster, die du mit beliebigen Farben f\u00fcllst. Beim Malen nach Zahlen tr\u00e4gt jedes K\u00e4stchen eine Nummer, die zu einer Farbe der Palette geh\u00f6rt: Das Bild zeigt sich beim Ausmalen. Beide Varianten lassen sich am Bildschirm ausmalen oder auf A4 drucken.<\/p><h2>H\u00e4ufige Fragen<\/h2><h3>Ist das Werkzeug kostenlos?<\/h3><p>Ja. Erstellen und Ausmalen am Bildschirm steht allen offen. Ein kostenloses Just-Color-Konto gen\u00fcgt, um PDF oder PNG herunterzuladen und deine Pixel Art zu speichern.<\/p><h3>Werden meine Fotos an einen Server gesendet?<\/h3><p>Nein. Die Umwandlung in Pixel Art geschieht in deinem Browser. Nur das fertige Raster wird gespeichert, wenn du es in deinem Konto sicherst.<\/p><h3>Welche Rastergr\u00f6\u00dfe soll ich w\u00e4hlen?<\/h3><p>Rechne mit etwa 16 K\u00e4stchen Breite f\u00fcr ein Kind von 5 bis 7 Jahren, 24 bis 36 f\u00fcr eine feinere Malvorlage und bis zu 100 f\u00fcr eine sehr detailreiche Pixel Art.<\/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\/kinder\/wp-json\/wp\/v2\/pages\/31923","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.justcolor.net\/kinder\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.justcolor.net\/kinder\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justcolor.net\/kinder\/wp-json\/wp\/v2\/comments?post=31923"}],"version-history":[{"count":0,"href":"https:\/\/www.justcolor.net\/kinder\/wp-json\/wp\/v2\/pages\/31923\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.justcolor.net\/kinder\/wp-json\/wp\/v2\/media?parent=31923"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justcolor.net\/kinder\/wp-json\/wp\/v2\/tags?post=31923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}