{"id":31923,"date":"2026-11-12T08:54:10","date_gmt":"2026-11-12T07:54:10","guid":{"rendered":"https:\/\/www.justcolor.net\/enfants\/pixel-coloring\/"},"modified":"2026-11-12T08:54:10","modified_gmt":"2026-11-12T07:54:10","slug":"pixel-coloring","status":"publish","type":"page","link":"https:\/\/www.justcolor.net\/enfants\/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 \u00e0 colorier : transformez une image en coloriage pixel art<\/h1><\/div>\n\n  <!-- ============ TEMPS 1 : PR\u00c9PARATION ============ -->\n  <div id=\"jcpa-stage-prep\">\n  <p class=\"intro\">Choisissez un mod\u00e8le pr\u00eat \u00e0 colorier ou importez votre image, puis coloriez \u00e0 l'\u00e9cran ou imprimez votre pixel art.<\/p>\n  <div class=\"workspace\">\n  <div class=\"form\">\n    <section class=\"step\">\n      <h2><span class=\"num\">1<\/span>Choisissez un mod\u00e8le ou importez une image<\/h2>\n      <div class=\"models\" id=\"jcpa-models\"><\/div>\n      <div class=\"drop\" id=\"jcpa-drop\">\n        <button id=\"jcpa-pick\" type=\"button\">Importer mon image<\/button>\n        <input type=\"file\" id=\"jcpa-file\" accept=\"image\/*\" hidden>\n        <p class=\"hint\" id=\"jcpa-dropnote\">ou glissez un fichier ici (JPG, PNG, WebP). L'image reste sur votre appareil.<\/p>\n      <\/div>\n    <\/section>\n\n    <section class=\"step\" id=\"jcpa-step_diff\">\n      <h2><span class=\"num\">2<\/span>R\u00e9glez la difficult\u00e9<\/h2>\n      <div class=\"seg\" id=\"jcpa-presets\">\n        <button type=\"button\" data-p=\"facile\">Facile<\/button>\n        <button type=\"button\" data-p=\"moyen\">Moyen<\/button>\n        <button type=\"button\" data-p=\"difficile\">Difficile<\/button>\n        <button type=\"button\" data-p=\"expert\">Expert<\/button>\n      <\/div>\n      <div class=\"slider\"><label for=\"jcpa-cols\">Taille de la grille<\/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>Choisissez le type de coloriage<\/h2>\n      <div class=\"modes\" id=\"jcpa-modes\">\n        <button type=\"button\" class=\"card\" data-m=\"free\"><strong>Coloriage libre<\/strong><small>Des contours noirs et des cases blanches. Vous choisissez vos couleurs.<\/small><\/button>\n        <button type=\"button\" class=\"card\" data-m=\"numbers\"><strong>Coloriage par num\u00e9ros<\/strong><small>Chaque case porte le num\u00e9ro de sa couleur. Le dessin appara\u00eet peu \u00e0 peu.<\/small><\/button>\n      <\/div>\n      <details>\n        <summary>Options<\/summary>\n        <div class=\"step\">\n          <label class=\"check\" id=\"jcpa-opt_grid\"><input type=\"checkbox\" id=\"jcpa-grid\" checked> Afficher le quadrillage<\/label>\n          <label class=\"check\" id=\"jcpa-opt_sw\"><input type=\"checkbox\" id=\"jcpa-swatches\" checked> Couleurs conseill\u00e9es en bas de la fiche imprim\u00e9e<\/label>\n          <div class=\"slider\"><label for=\"jcpa-tint\">Teinte d'aide dans les cases<\/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>Coloriage<\/figcaption><\/figure>\n      <figure><canvas id=\"jcpa-pv2\"><\/canvas><figcaption>Mod\u00e8le<\/figcaption><\/figure>\n    <\/div>\n    <button type=\"button\" class=\"primary\" id=\"jcpa-start\">Commencer le coloriage<\/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 Modifier les r\u00e9glages<\/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>Sauvegarder<\/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>T\u00e9l\u00e9charger le 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>T\u00e9l\u00e9charger le PNG<\/button>\n    <\/div>\n    <div class=\"drawopts\">\n      <div class=\"seg dmodes\" id=\"jcpa-dmodes\"><button type=\"button\" data-dm=\"free\">Coloriage libre<\/button><button type=\"button\" data-dm=\"numbers\">Coloriage par num\u00e9ros<\/button><\/div>\n      <label class=\"check strict\" id=\"jcpa-opt_strict\"><input type=\"checkbox\" id=\"jcpa-strict\" checked> Couleurs du mod\u00e8le<\/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>Crayon<\/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>Remplir une zone<\/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>Gomme<\/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>Tout effacer<\/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>D\u00e9placer<\/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>Zoom avant<\/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>Zoom arri\u00e8re<\/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>Ajuster<\/button>\n          <\/div>\n          <div class=\"palette\" id=\"jcpa-palette\"><\/div>\n          <p class=\"hint\">Zoomez avec la molette, le pincement ou les boutons. Pour vous d\u00e9placer, maintenez le clic (ou le doigt) puis glissez, ou utilisez l'outil D\u00e9placer.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<div id=\"jcpa-bravo\" hidden><div><h2>Bravo !<\/h2><p>Votre pixel art est termin\u00e9.<\/p><button type=\"button\" class=\"primary\" id=\"jcpa-bravo_close\">Fermer<\/button><\/div><\/div>\n<div id=\"jcpa-gate\" hidden><div><h2>Cr\u00e9ez votre compte gratuit<\/h2><p>Un compte Just Color est n\u00e9cessaire pour t\u00e9l\u00e9charger ou sauvegarder votre pixel art. Votre coloriage en cours est conserv\u00e9.<\/p><a class=\"jcpa-btn\" id=\"jcpa-gate_login\" href=\"#\">Se connecter ou cr\u00e9er un compte<\/a><button type=\"button\" id=\"jcpa-gate_close\">Plus tard<\/button><\/div><\/div>\n<div id=\"jcpa-toast\" role=\"status\"><\/div><section class=\"jcpa-seo\"><h2>Comment cr\u00e9er un coloriage pixel art ?<\/h2><p>Choisissez l&#039;un de nos mod\u00e8les ou importez votre propre image : une photo, un dessin, un logo. L&#039;outil la d\u00e9coupe en petites cases et regroupe les couleurs proches. Vous r\u00e9glez ensuite la taille de la grille : une petite grille donne un coloriage simple pour les plus jeunes, une grande grille un pixel art d\u00e9taill\u00e9 pour les plus patients.<\/p><h2>Coloriage libre ou coloriage par num\u00e9ros<\/h2><p>En coloriage libre, vous obtenez des contours noirs sur un quadrillage, \u00e0 remplir avec les couleurs de votre choix. En coloriage par num\u00e9ros, chaque case porte un num\u00e9ro qui correspond \u00e0 une couleur de la palette : le dessin se r\u00e9v\u00e8le au fil du coloriage. Les deux versions se colorient \u00e0 l&#039;\u00e9cran ou s&#039;impriment sur une page A4.<\/p><h2>Questions fr\u00e9quentes<\/h2><h3>L&#039;outil est-il gratuit ?<\/h3><p>Oui. La cr\u00e9ation et le coloriage \u00e0 l&#039;\u00e9cran sont ouverts \u00e0 tous. Un compte Just Color gratuit suffit pour t\u00e9l\u00e9charger le PDF ou le PNG et pour sauvegarder vos pixel art.<\/p><h3>Mes photos sont-elles envoy\u00e9es sur un serveur ?<\/h3><p>Non. La transformation en pixel art se fait dans votre navigateur. Seule la grille obtenue est enregistr\u00e9e si vous choisissez de la sauvegarder dans votre compte.<\/p><h3>Quelle taille de grille choisir ?<\/h3><p>Comptez environ 16 cases de large pour un enfant de 5 \u00e0 7 ans, 24 \u00e0 36 cases pour un coloriage plus fin, et jusqu&#039;\u00e0 100 cases pour un pixel art tr\u00e8s d\u00e9taill\u00e9.<\/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\/enfants\/wp-json\/wp\/v2\/pages\/31923","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.justcolor.net\/enfants\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.justcolor.net\/enfants\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justcolor.net\/enfants\/wp-json\/wp\/v2\/comments?post=31923"}],"version-history":[{"count":0,"href":"https:\/\/www.justcolor.net\/enfants\/wp-json\/wp\/v2\/pages\/31923\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.justcolor.net\/enfants\/wp-json\/wp\/v2\/media?parent=31923"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justcolor.net\/enfants\/wp-json\/wp\/v2\/tags?post=31923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}