15+ Helpful Color Tools That’ll Make Your Designs Look Pro

0

Last modified: October 31, 2016


There are a lot of researches that back up the psychology of color and how it can significantly influence an overall design. They can affect how people will perceive your design and even affect their decision-making. With that, it is …

 Adobe Color CC

"
Adobe Color CC (previously known as ‘Adobe Kuler’) is a web-based color tool that has the essential elements of a great color tool such as creating and saving color palettes, choose various color rules, manually edit RGB values, and more.

MORE / INFO

Gradify

"
Gradify is module that can change your images into a CSS gradient of their dominant colors. The CSS gradient is scalable to any size.

MORE / INFO

LOLColors

"
LOLColors is a website that has a collection of curated color palettes for you to find some ideas or inspiration.

MORE / INFO

Colordot

"
Colordot makes your screen a big color picker. You can choose various color by just moving your mouse cursor around the screen. Horizontal motion changes the hue, the vertical motion changes the lightness, and the mouse scroll adjusts the saturation. To pick a color to your palette, you just need to click the color.

MORE / INFO

Paletton

"
Paletton is another great color tool that will help you get good color palettes with its various elements that you can tweak on. It will also let you see a preview on how your color palette will look like in a typical web page.

MORE / INFO

Colrd

"
Colrd serves as a great inspiration to designers. This website showcases various gradients, palettes, patterns, and images that are shared by other users. It may help you get some good ideas that you can use for your design.

MORE / INFO

Brands in colours

"
Brands in colours is a site that displays a Sass list of famous brands’ colors such as Facebook, PayPal, Adobe, etc. After its Sass file, you can use them to your own designs. The site also shows what brand the colors came from as well as their RGB values.

MORE / INFO

Brand-Colors

"
Brand colors has a collection of more than 1,000 colors of various brands that can be used in various formats including SASS, LESS, STYLUS, and CSS.

MORE / INFO

React Color

"
React Color offers 7 various color pickers including from Sketch, Chrome, Photoshop, Slider, Compact, Material, and Swatches.

MORE / INFO

Trianglify Generator

"
Trianglify Generator helps you create a cool pattern that is similar to a low poly design. This geometric image can look great as a background or anything that you can think of for your project. You can adjust the variance, cell size, and color palettes.

MORE / INFO

Colorable

"
Colorable lets you tweak the colors of the fonts and the page background independently from each other. This will allow you to see a good preview in relation to the contrast of two colors and how it will look like in a web page. You can adjust the hue, saturation, and lightness as well.

MORE / INFO

Glitchtop

"
Glitchtop creates a pixelated pattern of a color gradient and can be played like a gif. There is a boxed panel where you can adjust elements such as sizes, hue, gradient, saturation, etc.

MORE / INFO

Color Hunt

"
Color Hunt showcases a interesting color palettes that can help you get some great idea for your design. Each color has its hex code for easy use.

MORE / INFO

Sip

"
Sip is an app that is simple yet helpful color picker that helps you get a color palette based on what is in your screen and instantly encode them.

MORE / INFO

Cohesive Colors

"
Cohesive Colors takes your ‘random’ color palettes and put an overlay color to it so you can have a more cohesive set of colors.

MORE / INFO

Share.

About Author

I am a web developer and freelance writer with over 2 years experience in web development and writing. I specializes in Web Development, Custom WordPress Development. I enjoys sharing his knowledge with others on tutozone.net

Leave A Reply