12 Color Tools to Boost Productivity for Designers

webflow.com webflow.com2 years ago in #Resources Love571

Whether you’re creating a logo, designing a website, or defining a brand identity, color plays a vital role in any design project. We designers take color seriously, because it is serious. The colors you choose will not only impact how your site makes people feel, but also what users with various types of color blindness can see. So choose wisely. There are a variety of tools out there to help us with the important task of color selection. We reached out to dozens of designers (including those in our Webflow office) to find out what color tools and apps they use. Take a look! Color pickers Color pickers are among the most common tools used by designers because they let us quickly grab and reuse colors we see on our screens. 1. ColorPick Eyedropper Chrome extension Great for any designer, the ColorPick Eyedropper is a chrome extension that easily allows you to identify the Hex color code of any UI element you hover your mouse over. It’s great for quick access to colors you gain inspiration from when browsing around online. ColorPick allows you to find the Hex color code of any element2. ColorSnapper 2Use ColorSnapper 2’s magnifier to get exactly the shade you want and save it for later. Out of the many options out there, ColorSnapper proves the most popular color picker among our designers, and for good reason. This popular Mac app lets you quickly use a magnifying color picker on anything you see — online or off. Once you’ve picked a color, ColorSnapper stores it in the color panel for you to use later. Need to copy the color right now? Just click on the stored color and ColorSnapper will automatically copy it your clipboard. 3. Webflow Chrome Extension Of course, we’d be remiss if we didn’t mention our very own Webflow Chrome Extension, which activates an in-Webflow color picker to enable web designers to easily grab colors from within their own project. That makes it super simple to pull the right color from a logo, hero photo, or illustration, without having to leave the app. And once you’ve grabbed the color, you can easily make it a global swatch to quickly and easily reuse across your site. Handy, right? Color scheme and palette generators Palette generators give you a great way to see your entire color palette together. This helps you decide what your primary and secondary colors might be, as well as how they fit together. Actually selecting the colors can be tough — luckily, there are tools that help us do it! 4. Happy Hues Created entirely in Webflow by none other than Mackenzie Child, Happy Hues gives you various color palettes for inspiration and shows you real examples of how those colors could be used in professional designs. Happy Hues is both a great resource to help you find the best colors for your designs and for educating yourself on color theory to create great user interfaces and experiences. 5. Color Color’s swatch generator is nearly as intuitive as its name, which we are still trying to understand the origin of. You can use this generator right in your browser — so go ahead, give it a try! 6. CoolorsCoolors makes it easy to pick and refine your palette. Coolors is another popular palette generator. Coolors is another popular palette generator. Though (slightly) less intuitive than Color (hence that extra o), Coolors lets you export, store, and reuse your palette in tools like Adobe. Coolors also has a mobile app, so you can review and modify your colors from anywhere. 7. LOLColors LOLColors…

Like to keep reading?

This article first appeared on webflow.com. If you'd like to keep reading, follow the white rabbit.

View Full Article

Leave a Reply