Tag Archives: generator

Color palette generators

But finding the right color scheme is tough and usually involves a lot of trial & error. With Ambiance, you can auto-generate color schemes right from the COLOURlovers API, all at the click of a button!

———————-

tintui.com – A very useful color picker tool by João Piedade with all the famous UI colors in one place.

Collective151_TintUI[1]

 

 

 

 

 

———————-

Colourcode is another one which offers a very original-yet-easy way of creating them.

The color schemes are generated with the mouse location/movements and multiple options exist for setting the scheme type: monochrome (with light/dark grey), analogic, triad and more.

Colourcode

Once created, it can be downloaded as styles (.less and .scss) or .png. It is also possible to save the palette for future use or share with a link.

Colourcode can be used freely online or, it is open source, it can be self-hosted.

———————-

iWantHue is a web-based color palette generator that provides powerful settings for finding the colors that play well with each other.

It works by defining a range of hue, chroma +lightness and the app can return a palette of any size instantly.

iWantHue

The palettes are provided in multiple formats (RGB or HEX, as a list or JSON) and, also, there are also presets to create faster.

iWantHue is open source and anyone can use it to create palettes with only JavaScript.

———————-

COLOURlovers, an impressive website/community focused on colors, is sharing a handy tool named COPASO.

The tool is a web-based color palette generator for creating palettes and saving them for future use.

COPASO - Color Palette Generator

COPASO allows you to pick the colors from a color wheel or upload an image, optionally pixelate it, and grab from there.

There is a built-in search to find colors and palettes generated by the community with a sorting feature using various parameters.

P.S. Some features requires signing-in with a free membership.

———————-

source: http://www.webresourcesdepot.com

1. COLOURlovers

colourlovers

COLOURlovers proclaims itself an international creative community. In fact, it is 8 million users strong.

You could spend hours on this website, it’s that comprehensive. And at first, you might even find COLOURlover’s interface a bit overwhelming. Though it’s definitely not the simplest of the color palette generators on this list, with so much going for it, it’s worth taking the time to peruse all COLOURlovers has to offer.

coulourlovers palettes

On COLOURlovers, you can browse color palettes contributed by millions of users (along with commercially-generated color palettes), shapes, patterns, or the latest trends. If you’d like to brush up on your color theory, you can read articles on the psychology of color in relation to products or troubleshoot your color quandaries on the forums.

As we alluded to in our introduction, COLOURlovers is a tool where you not only can you view palettes, but you can also create palettes of your own.

2. Coolors

coolors

Coolors is one of the easiest color palette generators to use. All you have to do is hit your spacebar to generate a new 5-color palette (and click on colors to lock them in). This tool also allows you to view alternative shades of all of the colors of your palette at the same time and adjust hue saturation and brightness.

coolors color palette generator

This color palette generator also lets you create a profile and keep your palettes filed under names and tags for easy retrieval.

On the technical side of things, Coolors allows you to export or save color palettes as SVG, PNG, SVG, SCSS or COPIC. You can download Coolors as an iOS app, Adobe Photoshop or Illustrator plugin, and a Chrome extension.

3. BrandColors

brandcolors

BrandColors is as straightforward as it sounds. The site is a resource for color palettes of well-known brand names. The originator says the site was born because he needed a handy reference for himself (which started out with 30 colors).

Now, the site includes brand name colors for Delta Airlines, DHL, eBay, and Ferrari, to name a few.

brandcolors color palettes

The list of brand name colors on this site is quite comprehensive (and organized alphabetically), but if you feel there’s something missing, you can still make a suggestion for the site’s creator to add a brand.

BrandColors also enables you to Share the URL to your color palette or download it in ASE (Adobe), CSS, Sass, LESS, or Stylus.

4. Colr

colr.org

As you can see from the screenshot below, Colr breaks your image down into tiny, colorful boxes. Click on a box to view the color, or choose to view the scheme as a whole.

colr pixel color palette generators - example

The most unique aspect of this tool is that it allows for some extra flexibility, as you can ask the tool to fetch a random Flickr image or upload your own.

Colr also gives you access to a few other tools, like a search engine that generates the color schemes used on websites, and the opportunity to view the latest schemes created by other users.

5. Palettable

palettable

Palettable reminds us of a dating app – only the choice is much simpler. Instead of looking for the love of your life, you’re just flipping through colors.

To start off, the site presents you with your first color. It will choose your next color based on whether you Like or Dislike the color before it.

palettable color palette generators

You can have a maximum of five colors in your palette at once. Otherwise, you can opt to trash a color, or adjust the hue.

This color palette generator is for those who are looking for simple fun. The fact that the color combos are based on the input of thousands of designers doesn’t hurt either.

6. Palette Cam

palette cam

This app has a 4.7/5 start rating in the App Store, and it’s free!

If you like the colors you see in the world around you, this could be the color palette generator for you. All you do is snap a photo and use the app to display the color palette of your photo.

palette cam color palette generators - examples

Plus you can easily access the RGB and hex codes to use in any upcoming projects.

7. Material Design Palette

material design palette

The Material Design Palette tool is also super simple to use. All you need to do is select two colors from the tiles and your work is done!

material design color palette generators

The color palette generator automatically comes up with a four-color palette that you can download or Tweet.

CSS3 генератори

csswarp

csswarp

csswarp – web базиран CSS3 генератор текст към крива

 

css3 generator

css3.me

CSS3.me – безплатен web базиран генератор на CSS3. (Border, border-radius, box-shadow, background gradient, opacity)

 

В допълнение, ако искате да разберете подробности около таговете поддържани от различните браузери, ето този сайт ще ви е от голяма полза: http://www.css3files.com/background/