Flat UI Color Picker is a great visual display of colours
Color — Method of Action
- HSL Color Schemer - color scheme by HSL to HEX color palette individual color codes
- kris's color stripes: sunday walk
- Minimalist Color Palettes 2015 on Behance
- PaintStrap - Generate Bootstrap themes using the color scheme
- Hex Color Tool
- Design Seeds
- Hexu.al | Browser for words that make hex codes.
- Color Hunter
- Color Palette Generator
- Color Scheme Designer 3
- Create Color Schemes, Test Color Combinations - Colorspire
- Colour Tool | PANDR
- Colourco.de - find your colour scheme
- Color Supply
- Material Mixer 2.0
Colours and Their Meaning
- trust, loyalty, honesty
- one colour most free of cultural bias worldwide
- not good colour for food as it is perceived as inedible
- dominates seascapes but rarely seen in landscapes
- strongest colour that signfies danger, passion, power, lust, energy, excitment and love
- favored colour for Chinese as it keeps evil away and means long life
- active, competitive, daring, aggressive, and impatient
- leadership, respect, weath, passion, magic, mysticism, mystery, ceativity, ideas
- hardest colour to mix
- light purple is fun and casual - suggesting springtime
- dark purple is heavy and can be overpowering
- bright, gets attention - used for warnings
- warm, playful, happy, inviting and stimulating
- can indicate sickness
- strong personality, confident, creative, adventurous, cheerful
- grabs your attention
- warmth, fire and flames, adventure, excitment
- orange has the power of red but is less intense
- newness, regeneration life, growth, health
- energy, faith, money (not universal)
- most restful colour to the human eye
- contentment, harmony, freshness, caring, moral and sensitive
- sustenance, smplificy, comfort, quality
- credibility, neatural, stability, harmony, renewal, history
- most often used in confectionary
- passion and purity, romance
- strength, determination, power, formailty
- top of the line, class, mysterious
- few logos are basic black
- suggests evil and darkness
- really classy, corporate
- like black but less bold
Source: Blue is Hot, Red is Cool: Choosing the Right Colour for Your Logo by David Carter (2001)
Cohesive Colour Schemes
- Find the colors you want. Don't worry about cohesion yet.
- Pick a color you want to tint everything towards (like yellow for energy)
- Overlay the colors with this tint and play with the blending mode and opacity til you get something to work with.
- Tada! Cohesive color scheme created.
Generate a colour scheme with this cool tool - Paletton.
Crayon.css - because colors have names
Colour in Web Design
Source:Sitepoint article 'Essential colour checklists for Web design' by Marta Eleniak (april 28, 2003) http://www.sitepoint.com/print/1126
- Main ingredient for legibility is contrast. You can test your legibility by converting your site to monochrome. Use strong contrast between the background color and the text color.
- If you need to show pattern, place it in the center because our eyes work harder to take in patterns on the periphary.
- Important information to the user does not reply on colour alone.
- Avoid using too many colours at the same time, it creates a confusing overall effect.
- Black text on white background is best.
- Red and green are best used in the centre of the screen and black, white, yellow and blue are best used on the periphary
- Brighter colours are better by interfaces that will be viewed for a long period of time or if designed for older users.
- If you want colours to be easily distinguished from each other, use darker shades of blue, red, and purple and paler shades of green, yellow and orange.
- Colours do not the mean the same thing to different people.
- To convey low prices use brighter colours such a yellow
- Beige, blue, burgundy, and dark green give impression of high quality, solidity and tradition.
- Do not use red and green where you need to distinguish between them to understand the content.
- Do not use blue and yellow together when you need to distinguish between them to understand the content.
- Do not use grey text
- Do not use differnt blues simultaneously
- Do not use fluorescent colours.
- Do not pair extremes of wavelength (opposite ends of color chart) like red and blue as it induces headaches
- Do not use high chroma colours together like blue and yellow