{"id":747,"date":"2023-01-16T08:31:00","date_gmt":"2023-01-16T14:31:00","guid":{"rendered":"http:\/\/www.perceptivepetal.com\/wordpress\/?p=747"},"modified":"2023-01-12T08:48:11","modified_gmt":"2023-01-12T14:48:11","slug":"using-image-color-picker","status":"publish","type":"post","link":"https:\/\/www.perceptivepetal.com\/wordpress\/using-image-color-picker\/","title":{"rendered":"Using Image Color Picker"},"content":{"rendered":"\n<p>Have you ever struggled with picking colors that work well together?  I do, and I found an online tool called <a href=\"https:\/\/imagecolorpicker.com\/en\">Image Color Picker<\/a>.  <\/p>\n\n\n\n<ul><li>On your Computer, navigate to <a href=\"https:\/\/imagecolorpicker.com\/en\">Image Color Picker<\/a>.<\/li><li>Upload an image or logo with the colors you would like to use for your color palette.  I chose the logo icon I created from <a href=\"https:\/\/express.adobe.com\/express-apps\/logo-maker\/\">Adobe Express<\/a>.<\/li><\/ul>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/www.perceptivepetal.com\/wordpress\/wp-content\/uploads\/2023\/01\/cropped-Perceptive-Petal-logos.jpeg\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.perceptivepetal.com\/wordpress\/wp-content\/uploads\/2023\/01\/cropped-Perceptive-Petal-logos.jpeg\" alt=\"Perceptive Petal Logo\" class=\"wp-image-746\" width=\"216\" height=\"222\" srcset=\"https:\/\/www.perceptivepetal.com\/wordpress\/wp-content\/uploads\/2023\/01\/cropped-Perceptive-Petal-logos.jpeg 864w, https:\/\/www.perceptivepetal.com\/wordpress\/wp-content\/uploads\/2023\/01\/cropped-Perceptive-Petal-logos-292x300.jpeg 292w, https:\/\/www.perceptivepetal.com\/wordpress\/wp-content\/uploads\/2023\/01\/cropped-Perceptive-Petal-logos-768x789.jpeg 768w, https:\/\/www.perceptivepetal.com\/wordpress\/wp-content\/uploads\/2023\/01\/cropped-Perceptive-Petal-logos-300x308.jpeg 300w, https:\/\/www.perceptivepetal.com\/wordpress\/wp-content\/uploads\/2023\/01\/cropped-Perceptive-Petal-logos-850x874.jpeg 850w\" sizes=\"(max-width: 216px) 100vw, 216px\" \/><\/a><\/figure>\n\n\n\n<ul><li>Scroll through the recommended palettes to pick the one you like the best.<\/li><li>Note the hex colors and use them in your designs.  Most applications will allow you to select colors by the hex code.  I find that much easier than trying to use that beautiful color wheel and using my mouse to try to choose the right color.  That is like using the mouse as a dart to try to hit the right color on the color wheel!<\/li><li>Save your color palette for future reference or export it in one of the many formats for use in your project.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/www.perceptivepetal.com\/wordpress\/wp-content\/uploads\/2023\/01\/color-palette.png\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.perceptivepetal.com\/wordpress\/wp-content\/uploads\/2023\/01\/color-palette.png\" alt=\"Perceptive Petal Color palette\" class=\"wp-image-749\" width=\"651\" height=\"108\" srcset=\"https:\/\/www.perceptivepetal.com\/wordpress\/wp-content\/uploads\/2023\/01\/color-palette.png 868w, https:\/\/www.perceptivepetal.com\/wordpress\/wp-content\/uploads\/2023\/01\/color-palette-300x50.png 300w, https:\/\/www.perceptivepetal.com\/wordpress\/wp-content\/uploads\/2023\/01\/color-palette-768x127.png 768w, https:\/\/www.perceptivepetal.com\/wordpress\/wp-content\/uploads\/2023\/01\/color-palette-850x141.png 850w\" sizes=\"(max-width: 651px) 100vw, 651px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Have you ever struggled with picking colors that work well together? I do, and I found an online tool called Image Color Picker. On your Computer, navigate to Image Color Picker. Upload an image or logo with the colors you would like to use for your color palette. I chose the logo icon I created&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[7],"tags":[95,146],"_links":{"self":[{"href":"https:\/\/www.perceptivepetal.com\/wordpress\/wp-json\/wp\/v2\/posts\/747"}],"collection":[{"href":"https:\/\/www.perceptivepetal.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.perceptivepetal.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.perceptivepetal.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.perceptivepetal.com\/wordpress\/wp-json\/wp\/v2\/comments?post=747"}],"version-history":[{"count":1,"href":"https:\/\/www.perceptivepetal.com\/wordpress\/wp-json\/wp\/v2\/posts\/747\/revisions"}],"predecessor-version":[{"id":750,"href":"https:\/\/www.perceptivepetal.com\/wordpress\/wp-json\/wp\/v2\/posts\/747\/revisions\/750"}],"wp:attachment":[{"href":"https:\/\/www.perceptivepetal.com\/wordpress\/wp-json\/wp\/v2\/media?parent=747"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.perceptivepetal.com\/wordpress\/wp-json\/wp\/v2\/categories?post=747"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.perceptivepetal.com\/wordpress\/wp-json\/wp\/v2\/tags?post=747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}