{"id":58782,"date":"2022-02-09T15:01:22","date_gmt":"2022-02-09T07:01:22","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=58782"},"modified":"2023-08-23T02:04:27","modified_gmt":"2023-08-22T18:04:27","slug":"material-design-color-randomizer","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/material-design-color-randomizer\/","title":{"rendered":"Easy-to-Use Random Color Generator for Material Design"},"content":{"rendered":"<p>Material design isn\u2019t just for mobile apps anymore; it\u2019s everywhere on the web! If you\u2019re a fan of the <a href=\"https:\/\/www.hongkiat.com\/blog\/flat-20\/\">flat design style<\/a>, you\u2019ll find plenty of resources to enhance your web projects.<\/p>\n<p>One such resource is <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.threebu.it\/random-material-palette\/\">this random color generator<\/a> by <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.threebu.it\/\">Threebu<\/a>.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/best-color-tools-for-web-designers\/\" class=\"ref-block__link\" title=\"Read More: Best Color Tools for Web Designers\" rel=\"bookmark\"><span class=\"screen-reader-text\">Best Color Tools for Web Designers<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/best-color-tools-for-web-designers.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-960 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/best-color-tools-for-web-designers.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Best Color Tools for Web Designers<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tSetting a basic color theme for your web design project might be easy, but deciding the right color...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<p>This handy tool simplifies the process of choosing colors by generating color schemes based on material design. Just click a button, and you\u2019ll get a variety of unique color options.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.threebu.it\/random-material-palette\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/material-design-color-randomizer\/01-random-material-colors.jpg\" alt=\"Randomized material design colors\" width=\"1000\" height=\"515\"><\/a><\/figure>\n<p>You can even use this tool as a color scheme designer once you get the hang of it.<\/p>\n<p>Colors appear randomly, but you can lock in your favorites. This allows you to keep the colors you like while continuing to explore new combinations.<\/p>\n<p>To generate new color schemes, simply click the area labeled \u201cRandom Palette.\u201d The new schemes will be displayed on the homepage.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.threebu.it\/random-material-palette\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/material-design-color-randomizer\/02-random-palette-generator-sample.jpg\" alt=\"Sample material design color palettes\" width=\"966\" height=\"951\"><\/a><\/figure>\n<p>You can review your color history to revisit previous selections.<\/p>\n<p>On the right side of the screen, you\u2019ll find icons that let you change the default header style to various options:<\/p>\n<ul>\n<li>Card UI<\/li>\n<li>Vertical Bars<\/li>\n<li>Circular Shape<\/li>\n<li>Simple Logo<\/li>\n<\/ul>\n<p>Check out the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.threebu.it\/random-material-palette\/\">main page<\/a> to see how this tool can benefit your projects.<\/p>\n<p>If you have suggestions for new features, there\u2019s a link at the bottom of the page where you can share your ideas.<\/p>\n<p>If you\u2019re having trouble using the tool, look for a small \u201ci\u201d info icon in the bottom-right corner. Clicking it will open a pane with instructions.<\/p>","protected":false},"excerpt":{"rendered":"<p>Material design isn\u2019t just for mobile apps anymore; it\u2019s everywhere on the web! If you\u2019re a fan of the flat design style, you\u2019ll find plenty of resources to enhance your web projects. One such resource is this random color generator by Threebu. This handy tool simplifies the process of choosing colors by generating color schemes&hellip;<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3393],"tags":[1833,3446],"topic":[],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Easy-to-Use Random Color Generator for Material Design - Hongkiat<\/title>\n<meta name=\"description\" content=\"Material design isn&#039;t just for mobile apps anymore; it&#039;s everywhere on the web! If you&#039;re a fan of the flat design style, you&#039;ll find plenty of resources\" \/>\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.hongkiat.com\/blog\/material-design-color-randomizer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Easy-to-Use Random Color Generator for Material Design\" \/>\n<meta property=\"og:description\" content=\"Material design isn&#039;t just for mobile apps anymore; it&#039;s everywhere on the web! If you&#039;re a fan of the flat design style, you&#039;ll find plenty of resources\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/material-design-color-randomizer\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2022-02-09T07:01:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-22T18:04:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/material-design-color-randomizer\/01-random-material-colors.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/material-design-color-randomizer\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/material-design-color-randomizer\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Easy-to-Use Random Color Generator for Material Design\",\"datePublished\":\"2022-02-09T07:01:22+00:00\",\"dateModified\":\"2023-08-22T18:04:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/material-design-color-randomizer\\\/\"},\"wordCount\":257,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/material-design-color-randomizer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/material-design-color-randomizer\\\/01-random-material-colors.jpg\",\"keywords\":[\"Color Tools\",\"Material Design\"],\"articleSection\":[\"Toolkit\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/material-design-color-randomizer\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/material-design-color-randomizer\\\/\",\"name\":\"Easy-to-Use Random Color Generator for Material Design - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/material-design-color-randomizer\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/material-design-color-randomizer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/material-design-color-randomizer\\\/01-random-material-colors.jpg\",\"datePublished\":\"2022-02-09T07:01:22+00:00\",\"dateModified\":\"2023-08-22T18:04:27+00:00\",\"description\":\"Material design isn't just for mobile apps anymore; it's everywhere on the web! If you're a fan of the flat design style, you'll find plenty of resources\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/material-design-color-randomizer\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/material-design-color-randomizer\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/material-design-color-randomizer\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/material-design-color-randomizer\\\/01-random-material-colors.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/material-design-color-randomizer\\\/01-random-material-colors.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/material-design-color-randomizer\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Easy-to-Use Random Color Generator for Material Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Easy-to-Use Random Color Generator for Material Design - Hongkiat","description":"Material design isn't just for mobile apps anymore; it's everywhere on the web! If you're a fan of the flat design style, you'll find plenty of resources","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.hongkiat.com\/blog\/material-design-color-randomizer\/","og_locale":"en_US","og_type":"article","og_title":"Easy-to-Use Random Color Generator for Material Design","og_description":"Material design isn't just for mobile apps anymore; it's everywhere on the web! If you're a fan of the flat design style, you'll find plenty of resources","og_url":"https:\/\/www.hongkiat.com\/blog\/material-design-color-randomizer\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2022-02-09T07:01:22+00:00","article_modified_time":"2023-08-22T18:04:27+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/material-design-color-randomizer\/01-random-material-colors.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/material-design-color-randomizer\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/material-design-color-randomizer\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Easy-to-Use Random Color Generator for Material Design","datePublished":"2022-02-09T07:01:22+00:00","dateModified":"2023-08-22T18:04:27+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/material-design-color-randomizer\/"},"wordCount":257,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/material-design-color-randomizer\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/material-design-color-randomizer\/01-random-material-colors.jpg","keywords":["Color Tools","Material Design"],"articleSection":["Toolkit"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/material-design-color-randomizer\/","url":"https:\/\/www.hongkiat.com\/blog\/material-design-color-randomizer\/","name":"Easy-to-Use Random Color Generator for Material Design - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/material-design-color-randomizer\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/material-design-color-randomizer\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/material-design-color-randomizer\/01-random-material-colors.jpg","datePublished":"2022-02-09T07:01:22+00:00","dateModified":"2023-08-22T18:04:27+00:00","description":"Material design isn't just for mobile apps anymore; it's everywhere on the web! If you're a fan of the flat design style, you'll find plenty of resources","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/material-design-color-randomizer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/material-design-color-randomizer\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/material-design-color-randomizer\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/material-design-color-randomizer\/01-random-material-colors.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/material-design-color-randomizer\/01-random-material-colors.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/material-design-color-randomizer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Easy-to-Use Random Color Generator for Material Design"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-fi6","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/58782","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=58782"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/58782\/revisions"}],"predecessor-version":[{"id":68863,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/58782\/revisions\/68863"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=58782"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=58782"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=58782"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=58782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}