{"id":1821,"date":"2026-03-20T18:02:27","date_gmt":"2026-03-20T18:02:27","guid":{"rendered":"https:\/\/www.pocofermata.com\/?p=1821"},"modified":"2026-03-23T18:04:53","modified_gmt":"2026-03-23T18:04:53","slug":"varit-ja-luovuus-kolmen-varin-color-mixer","status":"publish","type":"post","link":"https:\/\/www.pocofermata.com\/index.php\/2026\/03\/20\/varit-ja-luovuus-kolmen-varin-color-mixer\/","title":{"rendered":"V\u00e4rit ja luovuus\u2013 Kolmen v\u00e4rin Color Mixer"},"content":{"rendered":"\n<p>Tein hiljattain pienen sovelluksen v\u00e4rien luovaan kokeilemiseen.<br><br>Sen nimi on <strong>Color Mixer <\/strong>\u2013 minimalistinen, selainpohjainen ty\u00f6kalu,<br>jonka avulla voi luoda kauniita liukuv\u00e4rej\u00e4 ja kuvioita helposti.<\/p>\n\n\n\n<p>Ajatus t\u00e4h\u00e4n ei syntynyt aivan tyhj\u00e4st\u00e4.<br><br>Jo muutama vuosi sitten tein yksinkertaisen sovelluksen,<br>jolla voi kokeilla erilaisia taustav\u00e4rej\u00e4:<br><a href=\"https:\/\/www.pocofermata.com\/index.php\/2023\/04\/18\/color-picker\/\" target=\"_blank\" rel=\"noreferrer noopener\">Color Picker<\/a><\/p>\n\n\n\n<p>Olin jo pitk\u00e4\u00e4n ajatellut kehitt\u00e4\u00e4 sit\u00e4 eteenp\u00e4in,<br>mutta varsinainen kipin\u00e4 syntyi er\u00e4\u00e4n blogikirjoituksen my\u00f6t\u00e4.<br><br>Kirjoituksessa kerrottiin Milanon\u2013Cortinan vuoden 2026 talviolympialaisten avajaisista.<br>Lavan yl\u00e4puolelle ilmestyi kolme valtavaa maalituubia,<br>ja v\u00e4rik\u00e4s esitys perustui teemaan \u201dARMONIA\u201d.<br><br>Punainen, sininen ja keltainen \u2013 taiteen kolme p\u00e4\u00e4v\u00e4ri\u00e4 \u2013<br>ovat v\u00e4rej\u00e4, joita ei voi en\u00e4\u00e4 jakaa pienempiin osiin,<br>ja silti juuri niist\u00e4 syntyy rajaton m\u00e4\u00e4r\u00e4 uusia s\u00e4vyj\u00e4.\u3000<br><br>Kirjoittaja kertoi my\u00f6s, kuinka h\u00e4n innostui maalaamaan vesiv\u00e4reill\u00e4<br>kuvan kissastaan, joka katselee lunta ensimm\u00e4ist\u00e4 kertaa.<br>Maalaus oli herkk\u00e4 ja v\u00e4ris\u00e4vyilt\u00e4\u00e4n hyvin vaikuttava.<br><br>T\u00e4m\u00e4 kaikki j\u00e4i mieleeni.<br>Se sai minut pohtimaan v\u00e4rej\u00e4 uudella tavalla \u2013 niiden yksinkertaisuutta ja samalla rajattomia mahdollisuuksia.<\/p>\n\n\n\n<p>Samalla mieleeni tuli my\u00f6s Marchanin (Masako Wakamiya) Excel-taide.<br>H\u00e4n k\u00e4ytt\u00e4\u00e4 t\u00f6iss\u00e4\u00e4n liukuv\u00e4rej\u00e4 hyvin vapaasti,<br>mutta kolmen v\u00e4rin liukuv\u00e4rej\u00e4 ei juuri n\u00e4y.<br><br>Marchan k\u00e4ytt\u00e4\u00e4 usein my\u00f6s erilaisia reunusvariaatioita.<br>Niit\u00e4 ei ole t\u00e4ss\u00e4 sovelluksessa, mutta yritin j\u00e4ljitell\u00e4 Excelin kuvioita<br>ja lis\u00e4sin mukaan kuusi erilaista liukuv\u00e4rivaihtoehtoa.<\/p>\n\n\n\n<p>Jos aihe kiinnostaa, voit tutustua h\u00e4nen t\u00f6ihins\u00e4 t\u00e4\u00e4ll\u00e4:<br><br><a href=\"https:\/\/marchan.my.coocan.jp\/excel_art\/excelart.htm\" target=\"_blank\" rel=\"noreferrer noopener\">Excel Art Museum<\/a><br><a href=\"https:\/\/www.youtube.com\/watch?v=uPs3es1Vf9w\" target=\"_blank\" rel=\"noreferrer noopener\">Enjoy! Excel Art | NPO Broadband School Association<\/a><\/p>\n\n\n\n<p>N\u00e4ist\u00e4 ajatuksista syntyi Color Mixer \u2013 ty\u00f6kalu, jolla voi kokeilla ja yhdistell\u00e4 v\u00e4rej\u00e4 helposti.<br>Seuraavaksi kerron sovelluksen t\u00e4rkeimmist\u00e4 toiminnoista.<\/p>\n\n\n<style>.kb-row-layout-id1821_35c916-7b > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id1821_35c916-7b > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id1821_35c916-7b > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id1821_35c916-7b > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id1821_35c916-7b > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id1821_35c916-7b > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id1821_35c916-7b alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column1821_736e13-03 > .kt-inside-inner-col,.kadence-column1821_736e13-03 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column1821_736e13-03 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1821_736e13-03 > .kt-inside-inner-col{flex-direction:column;}.kadence-column1821_736e13-03 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1821_736e13-03 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1821_736e13-03{position:relative;}@media all and (max-width: 1024px){.kadence-column1821_736e13-03 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1821_736e13-03 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1821_736e13-03\"><div class=\"kt-inside-inner-col\"><style>.kb-image1821_05c235-81 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image1821_05c235-81 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"879\" src=\"https:\/\/www.pocofermata.com\/wp-content\/uploads\/2026\/03\/2026colormixer-light.webp\" alt=\"2026colormixer-light\" class=\"kb-img wp-image-1841\" srcset=\"https:\/\/www.pocofermata.com\/wp-content\/uploads\/2026\/03\/2026colormixer-light.webp 420w, https:\/\/www.pocofermata.com\/wp-content\/uploads\/2026\/03\/2026colormixer-light-143x300.webp 143w\" sizes=\"auto, (max-width: 420px) 100vw, 420px\" \/><\/figure>\n<\/div><\/div>\n\n\n<style>.kadence-column1821_e28a76-6e > .kt-inside-inner-col,.kadence-column1821_e28a76-6e > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column1821_e28a76-6e > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1821_e28a76-6e > .kt-inside-inner-col{flex-direction:column;}.kadence-column1821_e28a76-6e > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1821_e28a76-6e > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1821_e28a76-6e{position:relative;}@media all and (max-width: 1024px){.kadence-column1821_e28a76-6e > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1821_e28a76-6e > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1821_e28a76-6e\"><div class=\"kt-inside-inner-col\"><style>.kb-image1821_825bba-b2 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image1821_825bba-b2 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"858\" src=\"https:\/\/www.pocofermata.com\/wp-content\/uploads\/2026\/03\/2026-colormixer-dark.webp\" alt=\"2026-colormixer-dark\" class=\"kb-img wp-image-1842\" srcset=\"https:\/\/www.pocofermata.com\/wp-content\/uploads\/2026\/03\/2026-colormixer-dark.webp 420w, https:\/\/www.pocofermata.com\/wp-content\/uploads\/2026\/03\/2026-colormixer-dark-147x300.webp 147w\" sizes=\"auto, (max-width: 420px) 100vw, 420px\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Toiminnot<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Kahden tai kolmen v\u00e4rin sekoitus<\/strong><br>Tuki 2- tai 3-v\u00e4risille v\u00e4ripaleteille.<\/li>\n\n\n\n<li><strong>\u00c4lyk\u00e4s satunnaistaminen<\/strong>\n<ul class=\"wp-block-list\">\n<li>Chaos Mode: t\u00e4ysin satunnaiset v\u00e4rit<\/li>\n\n\n\n<li>Harmonic Mode: v\u00e4riteoriaan (kultainen leikkaus) perustuvat harmoniset v\u00e4rit<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Liukuv\u00e4rit ja kuviot<\/strong><br>Voit vaihtaa pehme\u00e4n CSS-liukuv\u00e4rin ja erilaisten CSS-kuvioiden v\u00e4lill\u00e4 (pisteet, ruudukko, aallot jne.).<\/li>\n\n\n\n<li><strong>Interaktiivinen k\u00e4ytt\u00f6liittym\u00e4<\/strong><br>V\u00e4rit voi j\u00e4rjest\u00e4\u00e4 uudelleen vet\u00e4m\u00e4ll\u00e4, ja tulos n\u00e4kyy heti.<\/li>\n\n\n\n<li><strong>Kehitt\u00e4j\u00e4yst\u00e4v\u00e4llinen<\/strong><br>Hex- ja RGB-arvot sek\u00e4 CSS-taustakoodi voi kopioida yhdell\u00e4 klikkauksella.<\/li>\n\n\n\n<li><strong>Tumma tila (Dark Mode)<\/strong><br>Suunniteltu mukavaan k\u00e4ytt\u00f6\u00f6n my\u00f6s iltaisin.<\/li>\n\n\n\n<li><strong>Vaalea tila (Light Mode)<\/strong><br>Taustav\u00e4rin\u00e4 k\u00e4ytet\u00e4\u00e4n t\u00e4m\u00e4n vuoden v\u00e4ri\u00e4: <em>Cloud Dancer<\/em>.<\/li>\n\n\n\n<li><strong>Dynaaminen favicon<\/strong><br>Selaimen v\u00e4lilehden kuvake muuttuu reaaliajassa sekoittamasi v\u00e4rin mukaan.<\/li>\n<\/ul>\n\n\n<style>.kb-row-layout-id1821_a2f188-e4 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id1821_a2f188-e4 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id1821_a2f188-e4 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id1821_a2f188-e4 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id1821_a2f188-e4 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id1821_a2f188-e4 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id1821_a2f188-e4 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column1821_609d23-4e > .kt-inside-inner-col,.kadence-column1821_609d23-4e > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column1821_609d23-4e > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1821_609d23-4e > .kt-inside-inner-col{flex-direction:column;}.kadence-column1821_609d23-4e > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1821_609d23-4e > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1821_609d23-4e{position:relative;}@media all and (max-width: 1024px){.kadence-column1821_609d23-4e > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1821_609d23-4e > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1821_609d23-4e\"><div class=\"kt-inside-inner-col\"><style>.kb-image1821_e794d9-8c .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image1821_e794d9-8c size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"571\" height=\"943\" src=\"https:\/\/www.pocofermata.com\/wp-content\/uploads\/2026\/03\/2026-3colors-gradient.png\" alt=\"2026-3colors-gradient\" class=\"kb-img wp-image-1849\" srcset=\"https:\/\/www.pocofermata.com\/wp-content\/uploads\/2026\/03\/2026-3colors-gradient.png 571w, https:\/\/www.pocofermata.com\/wp-content\/uploads\/2026\/03\/2026-3colors-gradient-182x300.png 182w\" sizes=\"auto, (max-width: 571px) 100vw, 571px\" \/><\/figure>\n<\/div><\/div>\n\n\n<style>.kadence-column1821_ee07a3-91 > .kt-inside-inner-col,.kadence-column1821_ee07a3-91 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column1821_ee07a3-91 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1821_ee07a3-91 > .kt-inside-inner-col{flex-direction:column;}.kadence-column1821_ee07a3-91 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1821_ee07a3-91 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1821_ee07a3-91{position:relative;}@media all and (max-width: 1024px){.kadence-column1821_ee07a3-91 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1821_ee07a3-91 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1821_ee07a3-91\"><div class=\"kt-inside-inner-col\"><style>.kb-image1821_1a79a4-82 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image1821_1a79a4-82 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"553\" src=\"https:\/\/www.pocofermata.com\/wp-content\/uploads\/2026\/03\/2026-colormixer-pattern.webp\" alt=\"2026-colormixer-pattern\" class=\"kb-img wp-image-1845\" srcset=\"https:\/\/www.pocofermata.com\/wp-content\/uploads\/2026\/03\/2026-colormixer-pattern.webp 400w, https:\/\/www.pocofermata.com\/wp-content\/uploads\/2026\/03\/2026-colormixer-pattern-217x300.webp 217w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Output<\/h2>\n\n\n\n<p>Voit kopioida:<br>&#8211; sekoitetun v\u00e4rin tuloksen<br>&#8211; CSS-taustaominaisuuden<br>Esimerkki (voit kokeilla <a href=\"https:\/\/codepen.io\/pen\/\" target=\"_blank\" rel=\"noreferrer noopener\">CodePen<\/a>ss\u00e4 tai <a href=\"https:\/\/jsfiddle.net\/\" target=\"_blank\" rel=\"noreferrer noopener\">JSFiddle<\/a>ss\u00e4)<\/p>\n\n\n<style>.kb-row-layout-id1821_3cb885-c6 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id1821_3cb885-c6 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id1821_3cb885-c6 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 2fr) minmax(0, 1fr);}.kb-row-layout-id1821_3cb885-c6 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id1821_3cb885-c6 > .kt-row-column-wrap{grid-template-columns:minmax(0, 2fr) minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id1821_3cb885-c6 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id1821_3cb885-c6 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column1821_c7d38e-7e > .kt-inside-inner-col,.kadence-column1821_c7d38e-7e > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column1821_c7d38e-7e > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1821_c7d38e-7e > .kt-inside-inner-col{flex-direction:column;}.kadence-column1821_c7d38e-7e > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1821_c7d38e-7e > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1821_c7d38e-7e{position:relative;}@media all and (max-width: 1024px){.kadence-column1821_c7d38e-7e > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1821_c7d38e-7e > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1821_c7d38e-7e\"><div class=\"kt-inside-inner-col\"><style>.kb-image1821_fcd76e-80 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image1821_fcd76e-80 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"544\" src=\"https:\/\/www.pocofermata.com\/wp-content\/uploads\/2026\/03\/2026-pencode-dots.webp\" alt=\"2026-pencode-dots\" class=\"kb-img wp-image-1847\" srcset=\"https:\/\/www.pocofermata.com\/wp-content\/uploads\/2026\/03\/2026-pencode-dots.webp 900w, https:\/\/www.pocofermata.com\/wp-content\/uploads\/2026\/03\/2026-pencode-dots-300x181.webp 300w, https:\/\/www.pocofermata.com\/wp-content\/uploads\/2026\/03\/2026-pencode-dots-768x464.webp 768w, https:\/\/www.pocofermata.com\/wp-content\/uploads\/2026\/03\/2026-pencode-dots-750x453.webp 750w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div><\/div>\n\n\n<style>.kadence-column1821_0b38ea-e8 > .kt-inside-inner-col,.kadence-column1821_0b38ea-e8 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column1821_0b38ea-e8 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1821_0b38ea-e8 > .kt-inside-inner-col{flex-direction:column;}.kadence-column1821_0b38ea-e8 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1821_0b38ea-e8 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1821_0b38ea-e8{position:relative;}@media all and (max-width: 1024px){.kadence-column1821_0b38ea-e8 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1821_0b38ea-e8 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1821_0b38ea-e8\"><div class=\"kt-inside-inner-col\"><\/div><\/div>\n\n<\/div><\/div>\n\n\n<p>\ud83c\udfa8 Kokeile Color Mixeria ja leiki v\u00e4reill\u00e4.<br><a href=\"https:\/\/makutosi.github.io\/color-mixer\/\" target=\"_blank\" rel=\"noreferrer noopener\">Color Mixer<\/a><br>Ehk\u00e4 l\u00f6yd\u00e4t yll\u00e4tt\u00e4vi\u00e4 yhdistelmi\u00e4 \u2013 tai pienen hetken pys\u00e4hty\u00e4.<\/p>\n\n\n\n<p>Lopuksi haluan osoittaa kiitokseni er\u00e4\u00e4lle blogikirjoittajalle ja Marchanille (Masako Wakamiya) \u2013 teid\u00e4n ideanne inspiroivat t\u00e4m\u00e4n sovelluksen synty\u00e4.<\/p>\n\n\n\n<p>T\u00e4m\u00e4 pieni sovellus on syntynyt teid\u00e4n jalanj\u00e4ljiss\u00e4nne.<\/p>\n\n\n\n<p>\ud83d\udcbb L\u00e4hdekoodi GitHubissa:<br><a href=\"https:\/\/github.com\/Makutosi\/color-mixer\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/github.com\/Makutosi\/color-mixer<\/a><br><br><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tein hiljattain pienen sovelluksen v\u00e4rien luovaan kokeilemiseen. Sen nimi on Color Mixer \u2013 minimalistinen, selainpohjainen ty\u00f6kalu,jonka avulla voi luoda kauniita&#8230;<\/p>\n","protected":false},"author":1,"featured_media":1822,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[9,12],"tags":[],"class_list":["post-1821","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-art","category-ict"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>V\u00e4rit ja luovuus\u2013 Kolmen v\u00e4rin Color Mixer - Poco fermata<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.pocofermata.com\/index.php\/2026\/03\/20\/varit-ja-luovuus-kolmen-varin-color-mixer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"V\u00e4rit ja luovuus\u2013 Kolmen v\u00e4rin Color Mixer - Poco fermata\" \/>\n<meta property=\"og:description\" content=\"Tein hiljattain pienen sovelluksen v\u00e4rien luovaan kokeilemiseen. Sen nimi on Color Mixer \u2013 minimalistinen, selainpohjainen ty\u00f6kalu,jonka avulla voi luoda kauniita...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pocofermata.com\/index.php\/2026\/03\/20\/varit-ja-luovuus-kolmen-varin-color-mixer\/\" \/>\n<meta property=\"og:site_name\" content=\"Poco fermata\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-20T18:02:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-23T18:04:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pocofermata.com\/wp-content\/uploads\/2026\/03\/2026-color-mixer.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"672\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Makutosi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Makutosi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/index.php\\\/2026\\\/03\\\/20\\\/varit-ja-luovuus-kolmen-varin-color-mixer\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/index.php\\\/2026\\\/03\\\/20\\\/varit-ja-luovuus-kolmen-varin-color-mixer\\\/\"},\"author\":{\"name\":\"Makutosi\",\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/#\\\/schema\\\/person\\\/bfed74b73377765797ae94b1839aaafe\"},\"headline\":\"V\u00e4rit ja luovuus\u2013 Kolmen v\u00e4rin Color Mixer\",\"datePublished\":\"2026-03-20T18:02:27+00:00\",\"dateModified\":\"2026-03-23T18:04:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/index.php\\\/2026\\\/03\\\/20\\\/varit-ja-luovuus-kolmen-varin-color-mixer\\\/\"},\"wordCount\":480,\"publisher\":{\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/index.php\\\/2026\\\/03\\\/20\\\/varit-ja-luovuus-kolmen-varin-color-mixer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.pocofermata.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/2026-color-mixer.webp\",\"articleSection\":[\"Art\",\"ICT\"],\"inLanguage\":\"en\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/index.php\\\/2026\\\/03\\\/20\\\/varit-ja-luovuus-kolmen-varin-color-mixer\\\/\",\"url\":\"https:\\\/\\\/www.pocofermata.com\\\/index.php\\\/2026\\\/03\\\/20\\\/varit-ja-luovuus-kolmen-varin-color-mixer\\\/\",\"name\":\"V\u00e4rit ja luovuus\u2013 Kolmen v\u00e4rin Color Mixer - Poco fermata\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/index.php\\\/2026\\\/03\\\/20\\\/varit-ja-luovuus-kolmen-varin-color-mixer\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/index.php\\\/2026\\\/03\\\/20\\\/varit-ja-luovuus-kolmen-varin-color-mixer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.pocofermata.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/2026-color-mixer.webp\",\"datePublished\":\"2026-03-20T18:02:27+00:00\",\"dateModified\":\"2026-03-23T18:04:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/index.php\\\/2026\\\/03\\\/20\\\/varit-ja-luovuus-kolmen-varin-color-mixer\\\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.pocofermata.com\\\/index.php\\\/2026\\\/03\\\/20\\\/varit-ja-luovuus-kolmen-varin-color-mixer\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/index.php\\\/2026\\\/03\\\/20\\\/varit-ja-luovuus-kolmen-varin-color-mixer\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.pocofermata.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/2026-color-mixer.webp\",\"contentUrl\":\"https:\\\/\\\/www.pocofermata.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/2026-color-mixer.webp\",\"width\":1200,\"height\":672,\"caption\":\"2026-color-mixer\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/index.php\\\/2026\\\/03\\\/20\\\/varit-ja-luovuus-kolmen-varin-color-mixer\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.pocofermata.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"V\u00e4rit ja luovuus\u2013 Kolmen v\u00e4rin Color Mixer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/#website\",\"url\":\"https:\\\/\\\/www.pocofermata.com\\\/\",\"name\":\"Poco fermata\",\"description\":\"Paikka, jossa pys&auml;hty&auml; hetkeksi\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.pocofermata.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/#organization\",\"name\":\"Poco fermata\",\"url\":\"https:\\\/\\\/www.pocofermata.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.pocofermata.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/cropped-logo1.png\",\"contentUrl\":\"https:\\\/\\\/www.pocofermata.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/cropped-logo1.png\",\"width\":200,\"height\":146,\"caption\":\"Poco fermata\"},\"image\":{\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/#\\\/schema\\\/person\\\/bfed74b73377765797ae94b1839aaafe\",\"name\":\"Makutosi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/244f07b4e40b1256585ba5159d5c056cddd93fe49d7e3070c1d015145870736f?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/244f07b4e40b1256585ba5159d5c056cddd93fe49d7e3070c1d015145870736f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/244f07b4e40b1256585ba5159d5c056cddd93fe49d7e3070c1d015145870736f?s=96&d=mm&r=g\",\"caption\":\"Makutosi\"},\"sameAs\":[\"https:\\\/\\\/www.pocofermata.com\"],\"url\":\"https:\\\/\\\/www.pocofermata.com\\\/index.php\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"V\u00e4rit ja luovuus\u2013 Kolmen v\u00e4rin Color Mixer - Poco fermata","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.pocofermata.com\/index.php\/2026\/03\/20\/varit-ja-luovuus-kolmen-varin-color-mixer\/","og_locale":"en_US","og_type":"article","og_title":"V\u00e4rit ja luovuus\u2013 Kolmen v\u00e4rin Color Mixer - Poco fermata","og_description":"Tein hiljattain pienen sovelluksen v\u00e4rien luovaan kokeilemiseen. Sen nimi on Color Mixer \u2013 minimalistinen, selainpohjainen ty\u00f6kalu,jonka avulla voi luoda kauniita...","og_url":"https:\/\/www.pocofermata.com\/index.php\/2026\/03\/20\/varit-ja-luovuus-kolmen-varin-color-mixer\/","og_site_name":"Poco fermata","article_published_time":"2026-03-20T18:02:27+00:00","article_modified_time":"2026-03-23T18:04:53+00:00","og_image":[{"width":1200,"height":672,"url":"https:\/\/www.pocofermata.com\/wp-content\/uploads\/2026\/03\/2026-color-mixer.webp","type":"image\/webp"}],"author":"Makutosi","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Makutosi","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.pocofermata.com\/index.php\/2026\/03\/20\/varit-ja-luovuus-kolmen-varin-color-mixer\/#article","isPartOf":{"@id":"https:\/\/www.pocofermata.com\/index.php\/2026\/03\/20\/varit-ja-luovuus-kolmen-varin-color-mixer\/"},"author":{"name":"Makutosi","@id":"https:\/\/www.pocofermata.com\/#\/schema\/person\/bfed74b73377765797ae94b1839aaafe"},"headline":"V\u00e4rit ja luovuus\u2013 Kolmen v\u00e4rin Color Mixer","datePublished":"2026-03-20T18:02:27+00:00","dateModified":"2026-03-23T18:04:53+00:00","mainEntityOfPage":{"@id":"https:\/\/www.pocofermata.com\/index.php\/2026\/03\/20\/varit-ja-luovuus-kolmen-varin-color-mixer\/"},"wordCount":480,"publisher":{"@id":"https:\/\/www.pocofermata.com\/#organization"},"image":{"@id":"https:\/\/www.pocofermata.com\/index.php\/2026\/03\/20\/varit-ja-luovuus-kolmen-varin-color-mixer\/#primaryimage"},"thumbnailUrl":"https:\/\/www.pocofermata.com\/wp-content\/uploads\/2026\/03\/2026-color-mixer.webp","articleSection":["Art","ICT"],"inLanguage":"en"},{"@type":"WebPage","@id":"https:\/\/www.pocofermata.com\/index.php\/2026\/03\/20\/varit-ja-luovuus-kolmen-varin-color-mixer\/","url":"https:\/\/www.pocofermata.com\/index.php\/2026\/03\/20\/varit-ja-luovuus-kolmen-varin-color-mixer\/","name":"V\u00e4rit ja luovuus\u2013 Kolmen v\u00e4rin Color Mixer - Poco fermata","isPartOf":{"@id":"https:\/\/www.pocofermata.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.pocofermata.com\/index.php\/2026\/03\/20\/varit-ja-luovuus-kolmen-varin-color-mixer\/#primaryimage"},"image":{"@id":"https:\/\/www.pocofermata.com\/index.php\/2026\/03\/20\/varit-ja-luovuus-kolmen-varin-color-mixer\/#primaryimage"},"thumbnailUrl":"https:\/\/www.pocofermata.com\/wp-content\/uploads\/2026\/03\/2026-color-mixer.webp","datePublished":"2026-03-20T18:02:27+00:00","dateModified":"2026-03-23T18:04:53+00:00","breadcrumb":{"@id":"https:\/\/www.pocofermata.com\/index.php\/2026\/03\/20\/varit-ja-luovuus-kolmen-varin-color-mixer\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pocofermata.com\/index.php\/2026\/03\/20\/varit-ja-luovuus-kolmen-varin-color-mixer\/"]}]},{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/www.pocofermata.com\/index.php\/2026\/03\/20\/varit-ja-luovuus-kolmen-varin-color-mixer\/#primaryimage","url":"https:\/\/www.pocofermata.com\/wp-content\/uploads\/2026\/03\/2026-color-mixer.webp","contentUrl":"https:\/\/www.pocofermata.com\/wp-content\/uploads\/2026\/03\/2026-color-mixer.webp","width":1200,"height":672,"caption":"2026-color-mixer"},{"@type":"BreadcrumbList","@id":"https:\/\/www.pocofermata.com\/index.php\/2026\/03\/20\/varit-ja-luovuus-kolmen-varin-color-mixer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pocofermata.com\/"},{"@type":"ListItem","position":2,"name":"V\u00e4rit ja luovuus\u2013 Kolmen v\u00e4rin Color Mixer"}]},{"@type":"WebSite","@id":"https:\/\/www.pocofermata.com\/#website","url":"https:\/\/www.pocofermata.com\/","name":"Poco fermata","description":"Paikka, jossa pys&auml;hty&auml; hetkeksi","publisher":{"@id":"https:\/\/www.pocofermata.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.pocofermata.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en"},{"@type":"Organization","@id":"https:\/\/www.pocofermata.com\/#organization","name":"Poco fermata","url":"https:\/\/www.pocofermata.com\/","logo":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/www.pocofermata.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.pocofermata.com\/wp-content\/uploads\/2025\/05\/cropped-logo1.png","contentUrl":"https:\/\/www.pocofermata.com\/wp-content\/uploads\/2025\/05\/cropped-logo1.png","width":200,"height":146,"caption":"Poco fermata"},"image":{"@id":"https:\/\/www.pocofermata.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.pocofermata.com\/#\/schema\/person\/bfed74b73377765797ae94b1839aaafe","name":"Makutosi","image":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/secure.gravatar.com\/avatar\/244f07b4e40b1256585ba5159d5c056cddd93fe49d7e3070c1d015145870736f?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/244f07b4e40b1256585ba5159d5c056cddd93fe49d7e3070c1d015145870736f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/244f07b4e40b1256585ba5159d5c056cddd93fe49d7e3070c1d015145870736f?s=96&d=mm&r=g","caption":"Makutosi"},"sameAs":["https:\/\/www.pocofermata.com"],"url":"https:\/\/www.pocofermata.com\/index.php\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.pocofermata.com\/index.php\/wp-json\/wp\/v2\/posts\/1821","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pocofermata.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pocofermata.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pocofermata.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pocofermata.com\/index.php\/wp-json\/wp\/v2\/comments?post=1821"}],"version-history":[{"count":19,"href":"https:\/\/www.pocofermata.com\/index.php\/wp-json\/wp\/v2\/posts\/1821\/revisions"}],"predecessor-version":[{"id":1854,"href":"https:\/\/www.pocofermata.com\/index.php\/wp-json\/wp\/v2\/posts\/1821\/revisions\/1854"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pocofermata.com\/index.php\/wp-json\/wp\/v2\/media\/1822"}],"wp:attachment":[{"href":"https:\/\/www.pocofermata.com\/index.php\/wp-json\/wp\/v2\/media?parent=1821"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pocofermata.com\/index.php\/wp-json\/wp\/v2\/categories?post=1821"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pocofermata.com\/index.php\/wp-json\/wp\/v2\/tags?post=1821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}