Google’s newest Material Design tools make previewing colors a breeze

google material design color tools 1198185278 122e155a23 o resized
TopRank Marketing / Flickr
Material Design, the colorful, grid-based design language Google developed to unify its web and mobile properties, is getting a fresh coat of paint. On Thursday, the Mountain View, California-based company announced a new color utility that will let developers create, share, and apply color palettes more easily to their apps and games.

Specifically, the new Material Design resource allows developers to create color schemes with lighter and darker shades of primary and secondary colors — think light blue and dark green, or bright cyan and faded magenta. A new text accessibility feature checks if in-app fonts are readable on colored backgrounds, as measured against the World Wide Web Consortium’s (W3C) Web Content Accessibility Guidelines legibility standards. And a color preview feature lets devs preview pallet changes across the entirety of their app, and automatically generates the HTML, CSS, and JavaScript code necessary to implement the changes.

google material design color tools pasted image 0

“Material Design is […] a system that supports and strengthens communication and productivity with new tools and inspiration,” Rachel Been, creative lead for Material Design, said. “With these new tools to dabble with color schemes, you’ll be able to give your users a richer experience, so we can’t wait to see what you come up with.”

Google describes Material Design, which it introduced with Android 5.0 Lollipop in 2014, as a “material metaphor […] inspired by the study of paper and ink, yet technologically advanced and open to imagination and magic.” It’s the successor to the Holo UI Google debuted alongside Android 4.0 Ice Cream Sandwich in 2012, and it’s defined by colorful icons, responsive transitions, and depth effects such as lighting and shadows.

google material design color tools pasted image 0  1

More recently, Material Design has begun to trickle down to the rest of Google’s mobile and web portfolio. In early 2016, for instance, a new Chrome browser UI adopted a visually simplified three-dot Settings button and large, rounded buttons.

It followed in the footsteps of Google’s Search, YouTube, Drive, Maps, and Google+ design refreshes. Elements were enlarged, colorized, and spaced out. Menus were consolidated. And navigation buttons were made a lot flatter and cleaner.

google material design color tools pasted image 0  2

Google’s goal is nothing short of Material Design domination. It hosts an annual Material Design Competition to crown the best third-party take on the design language, and it’s methodically refreshing apps like Contacts on the web. If the launch of today’s new tools mean anything, it’s that Material Design’s not going anywhere.

Emerging Tech

Awesome Tech You Can’t Buy Yet: camera with A.I. director, robot arm assistant

Check out our roundup of the best new crowdfunding projects and product announcements that hit the web this week. You may not be able to buy this stuff yet, but it sure is fun to gawk!
Social Media

Twitter shares sneak peek at simpler, less cluttered design with new features

Twitter shared a sneak peek of an upcoming redesign of its website, showing a less cluttered design with a handful of new features. The update brings keyboard and emoji shortcuts, improved search, and a two-column layout.
Product Review

Honor schools other phone makers on design with the hole-punch View 20

The Honor View 20 is Honor’s best phone to date. Why? Just look at the punch hole screen, the striking design, and the exciting 48-megapixel camera for evidence. Here’s our review.
Computing

Chromebook 13 vs. Google Pixelbook: Acer model takes on the king

Acer's Chromebook 13 is throwing tons of speed at the Chrome OS market, to go with a midrange build and traditional clamshell design. Is that enough to challenge the Google Pixelbook?
Mobile

Samsung Galaxy S10 Plus photo leaks with dual front-facing camera

It won't be long now; With 2019 underway, the Samsung Galaxy S10 is almost here. Before it arrives, here's absolutely everything you need to know about all three of Samsung's next flagships.
Computing

Breeze through security with these checkpoint-friendly laptop bags

Getting through airport security is a drag, but your laptop bag shouldn’t be. Thankfully, these checkpoint-friendly laptop bags will get you and your gear to your destination with ease.
Social Media

Google will begin shutting down the classic Hangouts app in October

Google confirmed that it will begin retiring the classic Google Hangouts app in October. The company will start by pushing users to move to the new Google Hangouts Chat and Hangouts Meet.
Smart Home

Starbucks coffee delivery lands in 6 more cities via Uber Eats

Starbucks is in the process of expanding its coffee delivery service far beyond Miami. Available via the Uber Eats app, the service has just launched in San Francisco, with five additional cities joining in the coming weeks.
Mobile

How to make a contact group on an iPhone

There's no obvious way to crate contact groups on your iPhone, but you can do it through iCloud or you can install a third-party app to help. We explain both methods as we explore how to make a contact group on an iPhone.
Mobile

Xiaomi shows how its folding smartphone will look, and you’re going to love it

Xiaomi is the latest manufacturer to show off a folding smartphone prototype. The unnamed phone has a different design than others we've seen, adopting a double fold where the sides of the screen fold over the back of the device.
Mobile

These patent images may show the new Moto Razr folding phone

The Motorola Razr V3 is one of the world's most iconic phones, and it could be making a stylistic return in the form of a foldable Motorola smartphone -- but it may cost around $1,500. Is the nostalgia worth it?
Mobile

HMD Global confirms which Nokia phones will definitely receive Android Pie

Android 9.0 Pie has been released. But is your phone getting Android 9.0 Pie, and if so, when? We've done the hard work and asked every device manufacturer to see when their devices would be getting the update.
Mobile

AT&T and Rush System are using 5G to create the 'hospital of the future'

Ready to experience a radical transformation in mobile communication? AT&T is launching mobile 5G in cities across the country over the next few months. Here's everything you need to know about the AT&T 5G rollout.
Mobile

Here's how (and why) to use safe mode with an Android phone

When you have an issue with your phone, safe mode can help you determine whether a third-party app is to blame. If you’re wondering how to access it, or how to turn the feature off in Android, then you have come to the right place.