{"id":1104,"date":"2023-04-18T19:49:00","date_gmt":"2023-04-18T19:49:00","guid":{"rendered":"https:\/\/www.pocofermata.com\/?p=1104"},"modified":"2026-03-23T07:17:36","modified_gmt":"2026-03-23T07:17:36","slug":"color-picker","status":"publish","type":"post","link":"https:\/\/www.pocofermata.com\/index.php\/2023\/04\/18\/color-picker\/","title":{"rendered":"Color Picker"},"content":{"rendered":"\n

COLOR PICKER<\/a> on eritt\u00e4in hy\u00f6dyllinen ty\u00f6kalu.
Jos l\u00f6yd\u00e4t mieluisan v\u00e4rin, voit heti tarkistaa sen v\u00e4rikoodin.<\/p>\n\n\n\n

Kun kuulen sanan “color picker”, mieleeni nousee heti <\/a>Masako Wakamiya<\/strong> <\/a>ja h\u00e4nen kuuluisa Excel Art<\/a><\/strong>.
H\u00e4n halusi l\u00f6yt\u00e4\u00e4 tavan, jolla ik\u00e4ihmiset voivat oppia tietokoneen k\u00e4ytt\u00f6\u00e4 hauskasti.
Niinp\u00e4 h\u00e4n k\u00e4ytti Excelin soluja “v\u00e4riruutuina” ja loi niist\u00e4 taidetta \u2014 kuvioita, maisemia, jopa kasvoja.
H\u00e4n k\u00e4ytti v\u00e4rej\u00e4 ja liukuv\u00e4rej\u00e4 (gradientteja)<\/strong> taitavasti ja ilmeikk\u00e4\u00e4sti.<\/p>\n\n\n\n

Noin kymmenen vuotta my\u00f6hemmin, ensimm\u00e4isess\u00e4 harjoittelupaikassani, mentorini Valentina esitteli minulle artikkelin:
\u201c15 More Minimalist Color Palettes<\/a>\u201d<\/strong>.
Siell\u00e4 opin, miten suuri merkitys oikeilla v\u00e4reill\u00e4 on verkkosivujen tunnelmaan.<\/p>\n\n\n\n

FreeCodeCampin teht\u00e4v\u00e4 Random Background Color Changer<\/a><\/strong> inspiroi minua kokeilemaan itse.
Lis\u00e4ksi opin paljon Mana:n tekem\u00e4st\u00e4 yksinkertaisesta ja tehokkaasta Color Picker -sovelluksesta.<\/p>\n\n\n\n

N\u00e4iden pohjalta loin pienen ja yksinkertaisen ty\u00f6kalun:
Background Color Maker<\/a><\/strong>.
Sill\u00e4 voit valita yhden v\u00e4rin \u2014 tai kaksi v\u00e4ri\u00e4 ja luoda niist\u00e4 liukuv\u00e4rin.<\/p>\n\n\n\n

V\u00e4rit kertovat. Ne s\u00e4vytt\u00e4v\u00e4t tarinamme ja ohjaavat katsettamme.<\/p>\n\n\n\n

Lopuksi haluan kiitt\u00e4\u00e4:
Masako Wakamiya<\/strong>, Valentina<\/strong>, FreeCodeCamp<\/strong> ja M<\/strong>ana \u2014 kiitos inspiraatiosta!
T\u00e4m\u00e4 pieni sovellus syntyi teid\u00e4n jalanj\u00e4ljiss\u00e4nne.<\/p>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

COLOR PICKER on eritt\u00e4in hy\u00f6dyllinen ty\u00f6kalu.Jos l\u00f6yd\u00e4t mieluisan v\u00e4rin, voit heti tarkistaa sen v\u00e4rikoodin. Kun kuulen sanan “color picker”, mieleeni…<\/p>\n","protected":false},"author":1,"featured_media":1204,"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-1104","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-art","category-ict"],"yoast_head":"\nColor Picker - 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\/2023\/04\/18\/color-picker\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Color Picker - Poco fermata\" \/>\n<meta property=\"og:description\" content=\"COLOR PICKER on eritt\u00e4in hy\u00f6dyllinen ty\u00f6kalu.Jos l\u00f6yd\u00e4t mieluisan v\u00e4rin, voit heti tarkistaa sen v\u00e4rikoodin. Kun kuulen sanan “color picker”, mieleeni...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pocofermata.com\/index.php\/2023\/04\/18\/color-picker\/\" \/>\n<meta property=\"og:site_name\" content=\"Poco fermata\" \/>\n<meta property=\"article:published_time\" content=\"2023-04-18T19:49:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-23T07:17:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pocofermata.com\/wp-content\/uploads\/2025\/06\/20250619_080711.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1081\" \/>\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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/index.php\\\/2023\\\/04\\\/18\\\/color-picker\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/index.php\\\/2023\\\/04\\\/18\\\/color-picker\\\/\"},\"author\":{\"name\":\"Makutosi\",\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/#\\\/schema\\\/person\\\/bfed74b73377765797ae94b1839aaafe\"},\"headline\":\"Color Picker\",\"datePublished\":\"2023-04-18T19:49:00+00:00\",\"dateModified\":\"2026-03-23T07:17:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/index.php\\\/2023\\\/04\\\/18\\\/color-picker\\\/\"},\"wordCount\":199,\"publisher\":{\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/index.php\\\/2023\\\/04\\\/18\\\/color-picker\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.pocofermata.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/20250619_080711.webp\",\"articleSection\":[\"Art\",\"ICT\"],\"inLanguage\":\"en\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/index.php\\\/2023\\\/04\\\/18\\\/color-picker\\\/\",\"url\":\"https:\\\/\\\/www.pocofermata.com\\\/index.php\\\/2023\\\/04\\\/18\\\/color-picker\\\/\",\"name\":\"Color Picker - Poco fermata\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/index.php\\\/2023\\\/04\\\/18\\\/color-picker\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/index.php\\\/2023\\\/04\\\/18\\\/color-picker\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.pocofermata.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/20250619_080711.webp\",\"datePublished\":\"2023-04-18T19:49:00+00:00\",\"dateModified\":\"2026-03-23T07:17:36+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/index.php\\\/2023\\\/04\\\/18\\\/color-picker\\\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.pocofermata.com\\\/index.php\\\/2023\\\/04\\\/18\\\/color-picker\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/index.php\\\/2023\\\/04\\\/18\\\/color-picker\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.pocofermata.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/20250619_080711.webp\",\"contentUrl\":\"https:\\\/\\\/www.pocofermata.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/20250619_080711.webp\",\"width\":1920,\"height\":1081,\"caption\":\"2025-kukkia\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/index.php\\\/2023\\\/04\\\/18\\\/color-picker\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.pocofermata.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Color Picker\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.pocofermata.com\\\/#website\",\"url\":\"https:\\\/\\\/www.pocofermata.com\\\/\",\"name\":\"Poco fermata\",\"description\":\"Paikka, jossa pysähtyä 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":"Color Picker - 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\/2023\/04\/18\/color-picker\/","og_locale":"en_US","og_type":"article","og_title":"Color Picker - Poco fermata","og_description":"COLOR PICKER on eritt\u00e4in hy\u00f6dyllinen ty\u00f6kalu.Jos l\u00f6yd\u00e4t mieluisan v\u00e4rin, voit heti tarkistaa sen v\u00e4rikoodin. Kun kuulen sanan “color picker”, mieleeni...","og_url":"https:\/\/www.pocofermata.com\/index.php\/2023\/04\/18\/color-picker\/","og_site_name":"Poco fermata","article_published_time":"2023-04-18T19:49:00+00:00","article_modified_time":"2026-03-23T07:17:36+00:00","og_image":[{"width":1920,"height":1081,"url":"https:\/\/www.pocofermata.com\/wp-content\/uploads\/2025\/06\/20250619_080711.webp","type":"image\/webp"}],"author":"Makutosi","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Makutosi","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.pocofermata.com\/index.php\/2023\/04\/18\/color-picker\/#article","isPartOf":{"@id":"https:\/\/www.pocofermata.com\/index.php\/2023\/04\/18\/color-picker\/"},"author":{"name":"Makutosi","@id":"https:\/\/www.pocofermata.com\/#\/schema\/person\/bfed74b73377765797ae94b1839aaafe"},"headline":"Color Picker","datePublished":"2023-04-18T19:49:00+00:00","dateModified":"2026-03-23T07:17:36+00:00","mainEntityOfPage":{"@id":"https:\/\/www.pocofermata.com\/index.php\/2023\/04\/18\/color-picker\/"},"wordCount":199,"publisher":{"@id":"https:\/\/www.pocofermata.com\/#organization"},"image":{"@id":"https:\/\/www.pocofermata.com\/index.php\/2023\/04\/18\/color-picker\/#primaryimage"},"thumbnailUrl":"https:\/\/www.pocofermata.com\/wp-content\/uploads\/2025\/06\/20250619_080711.webp","articleSection":["Art","ICT"],"inLanguage":"en"},{"@type":"WebPage","@id":"https:\/\/www.pocofermata.com\/index.php\/2023\/04\/18\/color-picker\/","url":"https:\/\/www.pocofermata.com\/index.php\/2023\/04\/18\/color-picker\/","name":"Color Picker - Poco fermata","isPartOf":{"@id":"https:\/\/www.pocofermata.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.pocofermata.com\/index.php\/2023\/04\/18\/color-picker\/#primaryimage"},"image":{"@id":"https:\/\/www.pocofermata.com\/index.php\/2023\/04\/18\/color-picker\/#primaryimage"},"thumbnailUrl":"https:\/\/www.pocofermata.com\/wp-content\/uploads\/2025\/06\/20250619_080711.webp","datePublished":"2023-04-18T19:49:00+00:00","dateModified":"2026-03-23T07:17:36+00:00","breadcrumb":{"@id":"https:\/\/www.pocofermata.com\/index.php\/2023\/04\/18\/color-picker\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pocofermata.com\/index.php\/2023\/04\/18\/color-picker\/"]}]},{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/www.pocofermata.com\/index.php\/2023\/04\/18\/color-picker\/#primaryimage","url":"https:\/\/www.pocofermata.com\/wp-content\/uploads\/2025\/06\/20250619_080711.webp","contentUrl":"https:\/\/www.pocofermata.com\/wp-content\/uploads\/2025\/06\/20250619_080711.webp","width":1920,"height":1081,"caption":"2025-kukkia"},{"@type":"BreadcrumbList","@id":"https:\/\/www.pocofermata.com\/index.php\/2023\/04\/18\/color-picker\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pocofermata.com\/"},{"@type":"ListItem","position":2,"name":"Color Picker"}]},{"@type":"WebSite","@id":"https:\/\/www.pocofermata.com\/#website","url":"https:\/\/www.pocofermata.com\/","name":"Poco fermata","description":"Paikka, jossa pysähtyä 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\/1104","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=1104"}],"version-history":[{"count":8,"href":"https:\/\/www.pocofermata.com\/index.php\/wp-json\/wp\/v2\/posts\/1104\/revisions"}],"predecessor-version":[{"id":1829,"href":"https:\/\/www.pocofermata.com\/index.php\/wp-json\/wp\/v2\/posts\/1104\/revisions\/1829"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pocofermata.com\/index.php\/wp-json\/wp\/v2\/media\/1204"}],"wp:attachment":[{"href":"https:\/\/www.pocofermata.com\/index.php\/wp-json\/wp\/v2\/media?parent=1104"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pocofermata.com\/index.php\/wp-json\/wp\/v2\/categories?post=1104"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pocofermata.com\/index.php\/wp-json\/wp\/v2\/tags?post=1104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}