CINXE.COM

<!doctype html> <html lang="pl"> <head> <base href="https://www.gm-majsterpol.pl/"> <meta name="viewport" content="width=device-width"> <meta charset="utf-8"> <link rel="preload" as="image" href="/tiles1/A1.png"> <link rel="preload" as="image" href="/tiles1/B1.png"> <link rel="preload" as="image" href="/tiles1/C1.png"> <link rel="preload" as="image" href="/tiles1/D1.png"> <link rel="preload" as="image" href="/tiles1/E1.png"> <link rel="preload" as="image" href="/tiles1/F1.png"> <link rel="preload" as="image" href="/tiles1/G1.png"> <link rel="preload" as="image" href="/tiles1/H1.png"> <link rel="preload" as="image" href="/tiles1/I1.png"> <link rel="preload" as="image" href="/tiles1/J1.png"> <link rel="preload" as="image" href="/tiles1/K1.png"> <link rel="preload" as="image" href="/tiles1/L1.png"> <link rel="preload" as="image" href="/tiles1/M1.png"> <link rel="preload" as="image" href="/tiles1/N1.png"> <link rel="preload" as="image" href="/tiles1/O1.png"> <link rel="preload" as="image" href="/tiles1/P1.png"> <link rel="preload" as="image" href="/tiles1/A2.png"> <link rel="preload" as="image" href="/tiles1/B2.png"> <link rel="preload" as="image" href="/tiles1/C2.png"> <link rel="preload" as="image" href="/tiles1/D2.png"> <link rel="preload" as="image" href="/tiles1/E2.png"> <link rel="preload" as="image" href="/tiles1/F2.png"> <link rel="preload" as="image" href="/tiles1/G2.png"> <link rel="preload" as="image" href="/tiles1/H2.png"> <link rel="preload" as="image" href="/tiles1/I2.png"> <link rel="preload" as="image" href="/tiles1/J2.png"> <link rel="preload" as="image" href="/tiles1/K2.png"> <link rel="preload" as="image" href="/tiles1/L2.png"> <link rel="preload" as="image" href="/tiles1/M2.png"> <link rel="preload" as="image" href="/tiles1/N2.png"> <link rel="preload" as="image" href="/tiles1/O2.png"> <link rel="preload" as="image" href="/tiles1/P2.png"> <link rel="preload" as="image" href="/tiles1/A3.png"> <link rel="preload" as="image" href="/tiles1/B3.png"> <link rel="preload" as="image" href="/tiles1/C3.png"> <link rel="preload" as="image" href="/tiles1/D3.png"> <link rel="preload" as="image" href="/tiles1/E3.png"> <link rel="preload" as="image" href="/tiles1/F3.png"> <link rel="preload" as="image" href="/tiles1/G3.png"> <link rel="preload" as="image" href="/tiles1/H3.png"> <link rel="preload" as="image" href="/tiles1/I3.png"> <link rel="preload" as="image" href="/tiles1/J3.png"> <link rel="preload" as="image" href="/tiles1/K3.png"> <link rel="preload" as="image" href="/tiles1/L3.png"> <link rel="preload" as="image" href="/tiles1/M3.png"> <link rel="preload" as="image" href="/tiles1/N3.png"> <link rel="preload" as="image" href="/tiles1/O3.png"> <link rel="preload" as="image" href="/tiles1/P3.png"> <link rel="preload" as="image" href="/tiles1/A4.png"> <link rel="preload" as="image" href="/tiles1/B4.png"> <link rel="preload" as="image" href="/tiles1/C4.png"> <link rel="preload" as="image" href="/tiles1/D4.png"> <link rel="preload" as="image" href="/tiles1/E4.png"> <link rel="preload" as="image" href="/tiles1/F4.png"> <link rel="preload" as="image" href="/tiles1/G4.png"> <link rel="preload" as="image" href="/tiles1/H4.png"> <link rel="preload" as="image" href="/tiles1/I4.png"> <link rel="preload" as="image" href="/tiles1/J4.png"> <link rel="preload" as="image" href="/tiles1/K4.png"> <link rel="preload" as="image" href="/tiles1/L4.png"> <link rel="preload" as="image" href="/tiles1/M4.png"> <link rel="preload" as="image" href="/tiles1/N4.png"> <link rel="preload" as="image" href="/tiles1/O4.png"> <link rel="preload" as="image" href="/tiles1/P4.png"> <link rel="preload" as="image" href="/tiles1/A5.png"> <link rel="preload" as="image" href="/tiles1/B5.png"> <link rel="preload" as="image" href="/tiles1/C5.png"> <link rel="preload" as="image" href="/tiles1/D5.png"> <link rel="preload" as="image" href="/tiles1/E5.png"> <link rel="preload" as="image" href="/tiles1/F5.png"> <link rel="preload" as="image" href="/tiles1/G5.png"> <link rel="preload" as="image" href="/tiles1/H5.png"> <link rel="preload" as="image" href="/tiles1/I5.png"> <link rel="preload" as="image" href="/tiles1/J5.png"> <link rel="preload" as="image" href="/tiles1/K5.png"> <link rel="preload" as="image" href="/tiles1/L5.png"> <link rel="preload" as="image" href="/tiles1/M5.png"> <link rel="preload" as="image" href="/tiles1/N5.png"> <link rel="preload" as="image" href="/tiles1/O5.png"> <link rel="preload" as="image" href="/tiles1/P5.png"> <meta name="next-head-count" content="82"> <link rel="preload" href="/_next/static/css/0a5a64a8b6042e625239.css" as="style"> <link rel="stylesheet" href="/_next/static/css/0a5a64a8b6042e625239.css" data-n-g=""> <noscript data-n-css=""></noscript> <link rel="preload" href="/_next/static/chunks/framework.bf5ed108d6c23a237d21.js" as="script"> <link rel="preload" href="/_next/static/chunks/c8f7fe3b0e41be846d5687592cf2018ff6e22687.0934dfff5885f98f28ef.js" as="script"> <link rel="preload" href="/_next/static/chunks/16.cbd73f413eeb15927639.js" as="script"> <link rel="preload" href="/_next/static/chunks/webpack-c0c98ee22495e74d41d9.js" as="script"> <link rel="preload" href="/_next/static/chunks/framework.bf5ed108d6c23a237d21.js" as="script"> <link rel="preload" href="/_next/static/chunks/3ef630e34cd10ba68f9d468ac363ff81c534e1e9.9414354dc0c9d76ab9c2.js" as="script"> <link rel="preload" href="/_next/static/chunks/main-82c3df87da86ea243909.js" as="script"> <link rel="preload" href="/_next/static/chunks/pages/_app-d21f64719e0dd4b56cc4.js" as="script"> <link rel="preload" href="/_next/static/chunks/ad7f724d.3f5461a83f59b1a445ea.js" as="script"> <link rel="preload" href="/_next/static/chunks/e78312c5.930c3107c33808e9e60c.js" as="script"> <link rel="preload" href="/_next/static/chunks/95b64a6e.83e0891b7b1fb610a071.js" as="script"> <link rel="preload" href="/_next/static/chunks/pages/index-94e58e218e484b2dfa2f.js" as="script"> <meta http-equiv="X-Translated-By" content="Google"> <meta http-equiv="X-Translated-To" content="lv"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.omlEigW4xY8.O/am=DgY/d=1/rs=AN8SPfpjsL9kUWY0h-sp7Ilu7hZWGwEmeg/m=corsproxy" data-sourceurl="https://www.gm-majsterpol.pl/"></script> <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" rel="stylesheet"> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.omlEigW4xY8.O/am=DgY/d=1/exm=corsproxy/ed=1/rs=AN8SPfpjsL9kUWY0h-sp7Ilu7hZWGwEmeg/m=phishing_protection" data-phishing-protection-enabled="false" data-forms-warning-enabled="true" data-source-url="https://www.gm-majsterpol.pl/"></script> <meta name="robots" content="none"> </head> <body> <script type="text/javascript" src="https://www.gstatic.com/_/translate_http/_/js/k=translate_http.tr.en_GB.omlEigW4xY8.O/am=DgY/d=1/exm=corsproxy,phishing_protection/ed=1/rs=AN8SPfpjsL9kUWY0h-sp7Ilu7hZWGwEmeg/m=navigationui" data-environment="prod" data-proxy-url="https://www-gm--majsterpol-pl.translate.goog" data-proxy-full-url="https://www-gm--majsterpol-pl.translate.goog/?_x_tr_sl=pl&_x_tr_tl=lv&_x_tr_hl=en-GB" data-source-url="https://www.gm-majsterpol.pl/" data-source-language="pl" data-target-language="lv" data-display-language="en-GB" data-detected-source-language="" data-is-source-untranslated="false" data-source-untranslated-url="https://translate.google.com/website?sl=pl&tl=lv&hl=en-GB&u=https://www.gm-majsterpol.pl/&anno=2" data-client="tr"></script> <div id="__next"> <div class="homepage"> <div class="homepage__header"> <img src="/logo.png" width="73.02" height="83.4"> <h2>GENERATOR MOZAIKI</h2> <div class="homepage__header-button"> <span> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewbox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> <path d="M217.9 256L345 129c9.4-9.4 9.4-24.6 0-33.9-9.4-9.4-24.6-9.3-34 0L167 239c-9.1 9.1-9.3 23.7-.7 33.1L310.9 417c4.7 4.7 10.9 7 17 7s12.3-2.3 17-7c9.4-9.4 9.4-24.6 0-33.9L217.9 256z"></path> </svg></span>j <p>Wróć</p> </div> </div> <div class="homepage__content"> <div class="homepage__content-preview"> <div class="preview"> <div class="preview__content-wrapper"> <div class="preview__shadow"></div> <div class="preview__content"> <div class="preview__loader"> <div></div> <div></div> <div></div> <div></div> </div> <div class="preview__content-light"></div> <div class="canvas__wrapper"> <div></div> </div> </div> </div> </div> </div> <div class="homepage__content-picker"> <div id="selectedColors" class="component csstransforms"> <button class="cn-button" id="cn-button"><img src="/paint.png"></button> <div class="circle-wrapper"> <div class="cn-wrapper opened-nav" id="cn-wrapper"> <ul> <li><a style="background:#ebebeb"><span class="plus" style="background:#ebebeb"><span style="opacity:1"></span></span></a></li> <li><a style="background:#ebebeb"><span class="plus" style="background:#ebebeb"><span style="opacity:1"></span></span></a></li> <li><a style="background:#ebebeb"><span class="plus" style="background:#ebebeb"><span style="opacity:1"></span></span></a></li> <li><a style="background:#ebebeb"><span class="plus" style="background:#ebebeb"><span style="opacity:1"></span></span></a></li> <li><a style="background:#ebebeb"><span class="plus" style="background:#ebebeb"><span style="opacity:1"></span></span></a></li> <li><a style="background:#ebebeb"><span class="plus" style="background:#ebebeb"><span style="opacity:1"></span></span></a></li> </ul> </div> </div> </div> <div class="preview__buttons-wrapper"> <button class="preview__generate-btn">Generuj mozaikę</button><button class="preview__generate-btn">Resetuj mozaikę</button> </div> <div class="code"></div> </div> </div> <div class="homepage__footer"> <div class="homepage__footer-preview-title"> <p>Wizualizacja ma charakter poglądowy. Niewielkie odchylenia kolorystyczne w stosunku do wzornika są dopuszczalne.</p> </div> <div class="homepage__footer-left"> <div class="homepage__footer-left-title"> <h3>Legenda</h3> <p class="description">Spis kolorów kruszyw</p> </div> <div class="homepage__footer-left-description"> <p>A - Białe</p> <p>B - Jasno szare</p> <p>C - Szare</p> <p>D - Czarne</p> <p>E - Kremowe</p> <p>F - Beżowe</p> <p>G - Brązowo-miedziane</p> <p>H - Brązowe</p> <p>I - Biszkoptowe</p> <p>J - Mandarynka</p> <p>K - Pomarańczowe</p> <p>L - Brązowo-czerwone</p> <p>M - Papaja</p> <p>N - Żółte</p> <p>O - Czerwone</p> <p>P - Zielone</p> </div> </div> <div class="homepage__footer-right"> <button>ZAPISZ PLIK GRAFICZNY</button> </div> </div> </div> <div class="instructions__layout"> <div class="instructions__wrapper"> <div class="instructions__bar"> <div class="instructions__close-btn"></div> </div> <h2 class="instructions__header">Instrukcja obsługi generatora</h2> <ul class="instructions__list"> <li>W kole kolorów należy dodać sześć kruszyw składowych mozaiki. Jeśli chcemy uzyskać jednolity kolor, musimy sześciokrotnie dodać to samo kruszywo - możemy również mieszać je w dowolnych proporcjach.</li> <li>W stopce strony dostępna jest legenda kolorów kruszyw - dzięki niej możemy poznać nazwę koloru oraz jego kod.</li> <li>Po dodaniu wybranej konfiguracji kolorów, należy kliknąć przycisk „generuj mozaikę”, aby zobaczyć jej podgląd.</li> <li>Jeśli uzyskaliśmy zadowalający nas efekt, możemy zapisać podgląd i kod mozaiki w formacie pdf, klikając przycisk „zapisz plik graficzny”</li> <li>Wizualizacja ma charakter poglądowy. Niewielkie odchylenia kolorystyczne w stosunku do wzornika są dopuszczalne.</li> </ul><button class="instructions__button">Przejdź do generatora</button> </div> </div> </div> <script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"props":{"ua":{"browser":"IE","deviceType":null,"os":"Windows","isMobile":false,"isTablet":false,"isIos":false,"source":"Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; SLCC1; .NET CLR 2.0.50727; .NET CLR 3.0.04506; .NET CLR 3.5.21022; .NET CLR 1.0.3705; .NET CLR 1.1.4322),gzip(gfe)","deviceVendor":null,"osVersion":null,"browserVersion":7,"engineVersion":null,"isIphone":false,"isIpad":false,"isDesktop":true,"isChrome":false,"isFirefox":false,"isSafari":false,"isIE":true,"isMac":false,"isChromeOS":false,"isWindows":true,"isAndroid":false,"isBot":false},"useragent":"Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; SLCC1; .NET CLR 2.0.50727; .NET CLR 3.0.04506; .NET CLR 3.5.21022; .NET CLR 1.0.3705; .NET CLR 1.1.4322),gzip(gfe)"}}},"page":"/","query":{},"buildId":"xuABjxo63Nwse2ldpOzNR","runtimeConfig":{},"isFallback":false,"dynamicIds":["+wdc","0x2o","8L3h","QCnb","f/k9","i8i4","nKUr","q1tI","viRO","yl30","+IsV","/OYL","/RUG","13ei","1Ijv","2gS4","35O5","469k","5LDq","66Qi","6mFz","7T3k","81y5","8LQ0","9lVk","9wk+","Bvic","D/Vs","Ei/z","G9h+","HEmn","HyF4","IBMq","Ipqb","JsjR","KgF/","L7LI","LY0y","NJdT","Ni3L","NtrB","OD/x","PAqK","QFpT","RUZL","Rh49","SXH2","VBTO","XVrQ","a34h","actP","dp1g","fMHL","fSr5","hgNY","icHu","jBiz","joQ7","kmuw","lHCc","lu6O","nLhi","o06L","szsX","u85w","vLE5","ve60","vxG3","x0L+","xSfM","zym7","raSM"],"gip":true}</script> <script nomodule="" src="/_next/static/chunks/polyfills-ab588e2134a1bc805459.js"></script> <script async src="/_next/static/chunks/c8f7fe3b0e41be846d5687592cf2018ff6e22687.0934dfff5885f98f28ef.js"></script> <script async src="/_next/static/chunks/16.cbd73f413eeb15927639.js"></script> <script src="/_next/static/chunks/webpack-c0c98ee22495e74d41d9.js" async></script> <script src="/_next/static/chunks/framework.bf5ed108d6c23a237d21.js" async></script> <script src="/_next/static/chunks/3ef630e34cd10ba68f9d468ac363ff81c534e1e9.9414354dc0c9d76ab9c2.js" async></script> <script src="/_next/static/chunks/main-82c3df87da86ea243909.js" async></script> <script src="/_next/static/chunks/pages/_app-d21f64719e0dd4b56cc4.js" async></script> <script src="/_next/static/chunks/ad7f724d.3f5461a83f59b1a445ea.js" async></script> <script src="/_next/static/chunks/e78312c5.930c3107c33808e9e60c.js" async></script> <script src="/_next/static/chunks/95b64a6e.83e0891b7b1fb610a071.js" async></script> <script src="/_next/static/chunks/pages/index-94e58e218e484b2dfa2f.js" async></script> <script src="/_next/static/xuABjxo63Nwse2ldpOzNR/_buildManifest.js" async></script> <script src="/_next/static/xuABjxo63Nwse2ldpOzNR/_ssgManifest.js" async></script> <script>function gtElInit() {var lib = new google.translate.TranslateService();lib.translatePage('pl', 'lv', function () {});}</script> <script src="https://translate.google.com/translate_a/element.js?cb=gtElInit&hl=en-GB&client=wt" type="text/javascript"></script> </body> </html>