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.

Product Review

Hisense’s new H8E 4K TV serves up a pretty picture at a very nice price

Budget TVs continue to get more attractive and that includes the latest from Chinese TV maker Hisense. The company’s new H8E, which offers 4K resolution, HDR, and a slick design for well under $500.
Smart Home

Google Assistant adds smart home bells and whistles in time for the holidays

Just in time for the holidays, Google Assistant is introducing a bunch of new smart home features, including the ability to reply to broadcast messages, create and use cookbooks, and access enhanced storybook content for kids.
Product Review

Dolby makes the most comfortable headphones ever, and that's only the start

Dolby has taken its first step into product design with the new Dolby Dimension wireless headphones. Offering tons of features, supreme comfort, and a shocking price tag, the Dimension are a unique new take on audio in the home, and out.
Wearables

Check out 25 of the best Wear OS apps for your smartwatch

Looking for some ways to spruce up that new Android smartwatch of yours? Here are the best Wear OS apps to download and use with any Android smartwatch, including a few specially enhanced for Wear OS 2.0.
Social Media

Addicted to Instagram? Its new ‘activity dashboard’ is here to help

Ever get that nagging feeling you're spending too much time on Instagram? Well, a new "activity dashboard" has a bunch of features designed to help you better control how you use the addictive photo-sharing app.
Mobile

Best iPhone 7 Plus screen protectors to shield your big, beautiful display

Cracked screens are expensive to replace. Fortunately for you, we've rounded up what's available in terms of protection for Apple's large iPhone 7 Plus. Here are the best screen protectors you can buy.
Computing

Four fake cryptocurrency apps were listed on the Google Play Store

It is a dangerous time to be going after crytocurrency on Android. Four bogus cryptocurrency apps were spotted on the Google Play Store this week, according to a report from cybersecurity researcher Lukas Stefanko. 
Mobile

New sensor from L’Oréal tracks UV exposure to keep your skin safe from the sun

L'Oréal has announced a new wearable sensor that attaches to your clothing and can track ultraviolet light. The sensor uses NFC instead of Bluetooth -- meaning it doesn't need a battery to work properly.
Cars

Uber rolls out rewards program that lets its most loyal riders lock in prices

Uber launched a new loyalty program today called Uber Rewards. It offers frequent riders credits to Uber Eats, car upgrades, and the ability to lock in prices on their most traveled routes.
Gaming

15 tips for keeping your vault-dwellers alive in ‘Fallout Shelter’

The wasteland can be an unfriendly place, if you don't know what you're doing. Here are 15 tips that will help your vault thrive in Fallout Shelter, including information on questing.
Mobile

Motorola Moto G7: Here’s everything we know

The Moto G6 range is still relatively new to the market, but rumors have already started about the Moto G7, which is expected some time in 2019. Apparently, a G7 Power version will be joining the G7, G7 Play, and G7 Plus.
Mobile

T-Mobile's new Revvl 2, Revvl 2 Plus are now available for purchase

Last year, T-Mobile launched its own line of branded smartphones. As a follow-up to their predecessors, the carrier has unveiled the Revvl 2 and Revvl 2 Plus -- complete with a sleeker design. Here's everything you need to know.
Mobile

How to take great photos with the Pixel 3, the best camera phone around

You’ve scored yourself a new Google Pixel 3 or Pixel 3 XL, and you want to take advantage of that incredible camera. We’ve got everything you need to know right here about how to snap the best photos with your Pixel 3.
Wearables

Google's Wear OS update 'H' promises battery life improvements

Google has rebranded its Android Wear operating system to Wear OS. Removing the Android name may help people better understand Google-powered smartwatches, which also play nice with iOS devices.