Pages

The Ultimate List of Online Colour Palette Generators for Web Design



Adobe’s Color CC Color Wheel

Formerly Kuler, Adobe’s Color Wheel is an online colour palette generator that should probably be bookmarked in your web browser. This tool is extremely useful for designers who rely on Adobe CC for their builds as it gives them the option to save your colour palettes and directly upload them as swatches to your CC programs.

BrandColors

Ever wonder what colours some of the world’s leading brands and startups use to differentiate their business? Then check out the open source Git project BrandColors, where the authors and community members submit colour schemes for the world’s biggest companies. Pretty neat to see the popularity of blue and red!

Cohesive Colors

If you have an existing palette in mind but it just doesn’t fit with your concept, then Cohesive Colors might be the tool for you. This tool takes your current palette and allows you to add an overlay tint using a colour of your choice. The result is a quickly generated alteration of your favourite palette!

Color Hexa

It would be insulting to call Color Hexa a palette generator because it is so much more. Its creators describe it as a “colour encyclopedia”, which is pretty accurate considering that when you enter a single colour value you are given nearly every piece of relevant information possible. This includes composition information, alternative colours, various sample colour schemes, as well as previews of the colour in various design elements. Plug in your favourite colour and try it yourself!

ColorHunt

ColorHunt’s homepage is updated everyday with new colour palettes created by community members. Each scheme is comprised of simple, yet elegant tones that can be used for inspiration on any design project. Find the perfect colour scheme by browsing through the “New” or “Popular” tabs.

Color Picker by HTML Color Codes

By far my favourite resource on this list, Color Picker is probably the only colour palette generator you’ll need. With this resource, you can quickly access the RGB, Hex, or HSL values of a colour with a single click. From there, you’re instantly presented with various colour schemes and shades based on the harmony relationship of your choice. From there you can export your newly created colour scheme in Hex, RGB, HTML, CSS, or sCSS formats.

Colourcode

Colourcode offers similar palette composition options found in other tools including analogic, complementary, and triad to name a few. But it’s how you discover these schemes that’s different. Just move your mouse around on screen until you find a root colour and then use the composition tab to create your full palette. Once you’re happy with your colour creation, you can download it as a .scss, .less, or .png file.

COLOURlovers

A favourite of many designers, COLOURlovers is a hub of colour inspiration. It features thousands of colour schemes, pattern templates, and shade variations to help your design communicate your message the right way.

ColRD

Have you ever found a beautifully composed photo and instantly felt inspired by its colour scheme? The creators of ColRD have, and they created a web app that allows you to generate a colour palette from images you already have. This is an awesome place to find inspiration from your favourite pieces of art, photographs, or other websites.

Coolors

Coolors’ interface is as simple and intuitive as it gets. To create a palette, all you need to do it select your starting colours, lock them in place, and press your spacebar until you land on something that resonates with your design concept. You can save your generated palettes to Coolors for others to use as well.

Material Palette

With the rising popularity of Google’s Material Design guidelines as the go-to colouring style for websites, it was inevitable that a palette generator would be released soon after. That’s where Material Palette comes into play. This generator not only creates simple palettes based off Material’s design guidelines, but it also gives you suggestions for what your primary and secondary colours of your scheme should be. It gets even more detailed by suggesting which colours are most appropriate for backgrounds versus text.

Mudcube Sphere

Mudcube’s Sphere is a sophisticated colour palette generator that allows you to design schemes to meet your client’s visitors various needs. Not only does Sphere offer you ten different composition options, but it also allows you to test your schemes against various color-blinded vision types. You can download your finalized palettes as either .AI or .ACO files, which can be directly uploaded into either Illustrator or Photoshop.

Paletton

Paletton is all about the colour palette discovery process. It’s great for designers who are working with a client’s existing brand colours and want to create a full scheme that is complementary to the business. Plus, Paletton includes a cool feature that quickly generates a mockup that illustrates how you can implement the colours on your site.

Palettr

Palettr is the final tool on our list, but a great one. It has reimagined the way we discover colour palettes. You can search for colour schemes based entirely off the theme of your website or the industry your client operates within (like automotive or fashion). The resulting palettes are generated from the tonal composition of individual images sourced from 500px’s photo library.

Unknown

Vishal Jadav is a blogger,Developer and Ethical hacker.He likes to write tech article,tips and tricks,app reviews and tech trends articles.thank you for visit.

No comments:

Post a Comment