{"id":2673,"date":"2018-03-27T15:13:46","date_gmt":"2018-03-27T14:13:46","guid":{"rendered":"https:\/\/futuramo.com\/blog\/?p=2673"},"modified":"2018-09-25T09:49:20","modified_gmt":"2018-09-25T08:49:20","slug":"12-color-related-apps-tools","status":"publish","type":"post","link":"https:\/\/futuramo.com\/blog\/12-color-related-apps-tools\/","title":{"rendered":"12 color-related apps and tools you\u2019ll want to bookmark immediately"},"content":{"rendered":"

How often do you look for original color palettes or gradient backgrounds for your UI? If you ever find yourself in need of inspiration, don\u2019t panic. Here\u2019s an ultimate list of color-related apps and tools curated for you by the Futuramo team.<\/p>\n

Designers, bookmark immediately.<\/p>\n

1. Pigment<\/a><\/strong><\/h3>\n

\"pigment<\/p>\n

Pigment<\/strong> by ShapeFactory is a color palette generator with innumerable color configurations suggested by the app. You can easily modify the configurations by manipulating the saturation of the pigment and the lightning. In addition, you can create your own palettes. You will surely enjoy intuitive UI and nice, subtle animations.<\/p>\n

2. Klart Colors<\/a><\/strong><\/h3>\n

\"klat<\/p>\n

Klart Colors<\/strong> is a data-driven collection of beautiful colors. Click the arrow symbol in the lower-right corner to see a chosen color palette in action. Click on a selected color palette to zoom it. Then, click again on a chosen color to copy it to clipboard. Seamless experience guaranteed.<\/p>\n

3. Flat UI Colors<\/a><\/strong><\/h3>\n

\"flat<\/p>\n

Ahmet Sulek had an idea for an unusual project. Flat UI Colors 2<\/strong> was co-created by 13 designers from 13 countries. Together, they have compiled a collection of 13 original color palettes with 280 colors for any designers\u2019 needs. Read more about this project here on Medium<\/a>.<\/p>\n

4. Canva\u2019s Design Wiki<\/a><\/strong><\/h3>\n

\"canva<\/p>\n

The list wouldn\u2019t be complete without the Canva\u2019s Design Wiki<\/strong>. Here, you can not only discover brilliant color combinations but also learn more about your favorite shades. The site offers a fantastic user experience.<\/p>\n

5. Coolors<\/a><\/strong><\/h3>\n

\"coolers<\/p>\n

Created by Fabrizio Bianchi, Coolors<\/strong> is a powerful color generator with lots of useful additions (extension, add-ons, ios app). Browse thousands of color schemes. Once you get on the site, immediately click explore to see how the tool looks like in action.<\/p>\n

6. Brand-Colors<\/a><\/strong><\/h3>\n

\"brand-colors<\/p>\n

It\u2019s exciting to discover what colors are used by the most popular brands. Brand-colors<\/strong> lets you explore the leading colors of companies such as Buffer, Duolingo, Asana, Adobe and much more. You can easily copy each color to clipboard.<\/p>\n

7. Colorhunt<\/a><\/strong><\/h3>\n

\"colorhunt<\/p>\n

Created and curated by Gal Shir, Colorhunt<\/strong> offers a long list of beautiful, hand-picked color palettes. You can browse by random, popular, hot and new palettes – the collection is updated on a daily basis. All palettes are free to use.<\/p>\n

8. Gradient Buttons<\/a><\/strong><\/h3>\n

\"gradient<\/p>\n

Here\u2019s a collection of gradient buttons with hover animations for any UI project. It literally takes 2 clicks to get a CSS code for a selected button. If a gradient button is just what you need to compliment your UI, then bookmark this site.<\/p>\n

9. CSS Gradient<\/a><\/strong><\/h3>\n

\"css<\/p>\n

CSS Gradient<\/strong> is a handy web tool for generating gradients. The site is entirely about gradients \u2014<\/i> you will also find there topic-related articles, resources and inspiring examples from all over the Web.<\/p>\n

10. WebGradients<\/a><\/strong><\/h3>\n

\"webgradients<\/p>\n

Elegant in its simplicity, WebGradients<\/strong> provides a collection of 180 linear gradients that you can use freely in your projects. One click to download a .PNG version of a gradient, and a second one to copy CSS code. You can also get packs for Sketch and Photoshop.<\/p>\n

11. Gradients Cards<\/a><\/strong><\/h3>\n

\"gradient<\/p>\n

Color inspiration for your next project! Customizable CSS gradients you can easily export to AdobeXD or Sketch. The tool lets you create your own colorful collections. Click “Explore” to see more \u201cawesomeness\u201d and browse until you find the perfect choice.<\/p>\n

12. UiGradients<\/a><\/strong><\/h3>\n

\"uigradients<\/p>\n

UiGradients<\/strong> offers a handpicked selection of color gradients. Appreciated by the designers, the site lets you quickly navigate between the gradients. Tip: Use the top and bottom arrow keys to change gradient direct. Have fun discovering your next favorite combination.<\/p>\n

There\u2019re plenty of color-related apps for designers and developers<\/a> on the Web\u00a0\u2014<\/i> selecting the best ones wasn\u2019t an easy task (once again, thanks Product Hunt<\/strong> for existing!). If you think the list lacks a tool or an app worth mentioning, drop us a line and we\u2019ll feature it.<\/p>\n","protected":false},"excerpt":{"rendered":"How often do you look for original color palettes or gradient backgrounds for your UI? If you ever find yourself in need of inspiration, don\u2019t panic. Here\u2019s an ultimate list of color-related apps and tools curated for you by the Futuramo team. Designers, bookmark immediately.\n","protected":false},"author":4,"featured_media":2712,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_singular_sidebar":"","csco_page_header_type":"","csco_page_load_nextpost":"","csco_post_video_location":[],"csco_post_video_url":"","csco_post_video_bg_start_time":0,"csco_post_video_bg_end_time":0},"categories":[100],"tags":[],"yoast_head":"\n12 color-related apps and tools you\u2019ll want to bookmark immediately<\/title>\n<meta name=\"description\" content=\"How often do you look for original color palettes or gradient backgrounds for your UI? If you ever find yourself in need of inspiration, don\u2019t panic. Here\u2019s an ultimate list of color-related apps and tools curated for you by the Futuramo team.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/futuramo.com\/blog\/12-color-related-apps-tools\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"12 color-related apps and tools you\u2019ll want to bookmark immediately\" \/>\n<meta property=\"og:description\" content=\"How often do you look for original color palettes or gradient backgrounds for your UI? If you ever find yourself in need of inspiration, don\u2019t panic. Here\u2019s an ultimate list of color-related apps and tools curated for you by the Futuramo team.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/futuramo.com\/blog\/12-color-related-apps-tools\/\" \/>\n<meta property=\"og:site_name\" content=\"Helping teams work better \u2014 insights on productivity, collaboration, marketing, and the tools that make it happen | Futuramo Blog\" \/>\n<meta property=\"article:published_time\" content=\"2018-03-27T14:13:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-09-25T08:49:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/futuramo.com\/blog\/wp-content\/uploads\/2018\/03\/blog-cover-photo-2018-02-27-b.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"648\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:title\" content=\"12 color-related apps and tools you\u2019ll want to bookmark immediately\" \/>\n<meta name=\"twitter:description\" content=\"How often do you look for original color palettes or gradient backgrounds for your UI? If you ever find yourself in need of inspiration, don\u2019t panic. Here\u2019s an ultimate list of color-related apps and tools curated for you by the Futuramo team.\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Magda Werminska\" \/>\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\":\"WebSite\",\"@id\":\"https:\/\/futuramo.com\/blog\/#website\",\"url\":\"https:\/\/futuramo.com\/blog\/\",\"name\":\"Helping teams work better \u2014 insights on productivity, collaboration, marketing, and the tools that make it happen | Futuramo Blog\",\"description\":\"Exploring Innovation, Effectiveness, and Creativity Across Industries \",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/futuramo.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/futuramo.com\/blog\/12-color-related-apps-tools\/#primaryimage\",\"url\":\"https:\/\/futuramo.com\/blog\/wp-content\/uploads\/2018\/03\/blog-cover-photo-2018-02-27-b.png\",\"contentUrl\":\"https:\/\/futuramo.com\/blog\/wp-content\/uploads\/2018\/03\/blog-cover-photo-2018-02-27-b.png\",\"width\":1920,\"height\":648,\"caption\":\"color-related apps\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/futuramo.com\/blog\/12-color-related-apps-tools\/#webpage\",\"url\":\"https:\/\/futuramo.com\/blog\/12-color-related-apps-tools\/\",\"name\":\"12 color-related apps and tools you\u2019ll want to bookmark immediately\",\"isPartOf\":{\"@id\":\"https:\/\/futuramo.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/futuramo.com\/blog\/12-color-related-apps-tools\/#primaryimage\"},\"datePublished\":\"2018-03-27T14:13:46+00:00\",\"dateModified\":\"2018-09-25T08:49:20+00:00\",\"author\":{\"@id\":\"https:\/\/futuramo.com\/blog\/#\/schema\/person\/481af594561c969332dc5fcbc6018fc2\"},\"description\":\"How often do you look for original color palettes or gradient backgrounds for your UI? If you ever find yourself in need of inspiration, don\u2019t panic. Here\u2019s an ultimate list of color-related apps and tools curated for you by the Futuramo team.\",\"breadcrumb\":{\"@id\":\"https:\/\/futuramo.com\/blog\/12-color-related-apps-tools\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/futuramo.com\/blog\/12-color-related-apps-tools\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/futuramo.com\/blog\/12-color-related-apps-tools\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/futuramo.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"12 color-related apps and tools you\u2019ll want to bookmark immediately\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/futuramo.com\/blog\/#\/schema\/person\/481af594561c969332dc5fcbc6018fc2\",\"name\":\"Magda Werminska\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/futuramo.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/16ba5658f9e71b74d534f27d1084b265?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/16ba5658f9e71b74d534f27d1084b265?s=96&d=mm&r=g\",\"caption\":\"Magda Werminska\"},\"url\":\"https:\/\/futuramo.com\/blog\/author\/magda\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"12 color-related apps and tools you\u2019ll want to bookmark immediately","description":"How often do you look for original color palettes or gradient backgrounds for your UI? If you ever find yourself in need of inspiration, don\u2019t panic. Here\u2019s an ultimate list of color-related apps and tools curated for you by the Futuramo team.","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:\/\/futuramo.com\/blog\/12-color-related-apps-tools\/","og_locale":"en_US","og_type":"article","og_title":"12 color-related apps and tools you\u2019ll want to bookmark immediately","og_description":"How often do you look for original color palettes or gradient backgrounds for your UI? If you ever find yourself in need of inspiration, don\u2019t panic. Here\u2019s an ultimate list of color-related apps and tools curated for you by the Futuramo team.","og_url":"https:\/\/futuramo.com\/blog\/12-color-related-apps-tools\/","og_site_name":"Helping teams work better \u2014 insights on productivity, collaboration, marketing, and the tools that make it happen | Futuramo Blog","article_published_time":"2018-03-27T14:13:46+00:00","article_modified_time":"2018-09-25T08:49:20+00:00","og_image":[{"width":1920,"height":648,"url":"https:\/\/futuramo.com\/blog\/wp-content\/uploads\/2018\/03\/blog-cover-photo-2018-02-27-b.png","type":"image\/png"}],"twitter_card":"summary","twitter_title":"12 color-related apps and tools you\u2019ll want to bookmark immediately","twitter_description":"How often do you look for original color palettes or gradient backgrounds for your UI? If you ever find yourself in need of inspiration, don\u2019t panic. Here\u2019s an ultimate list of color-related apps and tools curated for you by the Futuramo team.","twitter_misc":{"Written by":"Magda Werminska","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/futuramo.com\/blog\/#website","url":"https:\/\/futuramo.com\/blog\/","name":"Helping teams work better \u2014 insights on productivity, collaboration, marketing, and the tools that make it happen | Futuramo Blog","description":"Exploring Innovation, Effectiveness, and Creativity Across Industries ","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/futuramo.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/futuramo.com\/blog\/12-color-related-apps-tools\/#primaryimage","url":"https:\/\/futuramo.com\/blog\/wp-content\/uploads\/2018\/03\/blog-cover-photo-2018-02-27-b.png","contentUrl":"https:\/\/futuramo.com\/blog\/wp-content\/uploads\/2018\/03\/blog-cover-photo-2018-02-27-b.png","width":1920,"height":648,"caption":"color-related apps"},{"@type":"WebPage","@id":"https:\/\/futuramo.com\/blog\/12-color-related-apps-tools\/#webpage","url":"https:\/\/futuramo.com\/blog\/12-color-related-apps-tools\/","name":"12 color-related apps and tools you\u2019ll want to bookmark immediately","isPartOf":{"@id":"https:\/\/futuramo.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/futuramo.com\/blog\/12-color-related-apps-tools\/#primaryimage"},"datePublished":"2018-03-27T14:13:46+00:00","dateModified":"2018-09-25T08:49:20+00:00","author":{"@id":"https:\/\/futuramo.com\/blog\/#\/schema\/person\/481af594561c969332dc5fcbc6018fc2"},"description":"How often do you look for original color palettes or gradient backgrounds for your UI? If you ever find yourself in need of inspiration, don\u2019t panic. Here\u2019s an ultimate list of color-related apps and tools curated for you by the Futuramo team.","breadcrumb":{"@id":"https:\/\/futuramo.com\/blog\/12-color-related-apps-tools\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/futuramo.com\/blog\/12-color-related-apps-tools\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/futuramo.com\/blog\/12-color-related-apps-tools\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/futuramo.com\/blog\/"},{"@type":"ListItem","position":2,"name":"12 color-related apps and tools you\u2019ll want to bookmark immediately"}]},{"@type":"Person","@id":"https:\/\/futuramo.com\/blog\/#\/schema\/person\/481af594561c969332dc5fcbc6018fc2","name":"Magda Werminska","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/futuramo.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/16ba5658f9e71b74d534f27d1084b265?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/16ba5658f9e71b74d534f27d1084b265?s=96&d=mm&r=g","caption":"Magda Werminska"},"url":"https:\/\/futuramo.com\/blog\/author\/magda\/"}]}},"_links":{"self":[{"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/posts\/2673"}],"collection":[{"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/comments?post=2673"}],"version-history":[{"count":27,"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/posts\/2673\/revisions"}],"predecessor-version":[{"id":2718,"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/posts\/2673\/revisions\/2718"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/media\/2712"}],"wp:attachment":[{"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/media?parent=2673"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/categories?post=2673"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/futuramo.com\/blog\/wp-json\/wp\/v2\/tags?post=2673"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}