Questions about color mixing guidance and the visual impacts of specific color combinations.

learn more… | top users | synonyms

160
votes
12answers
14k views

Tips and resources for beginning designers

Thanks to the internet, graphic design and programming are becoming increasingly overlapping fields. As a programmer, I constantly find myself needing basic knowledge of Graphic Design, but have ...
46
votes
11answers
3k views

Is there a good resource or tool to help build a palette/color scheme around colors I select?

No matter how nice the composition, flow, and lines of my design are, if I am not copying directly from nature, I have a very difficult time picking a decent color scheme. It either looks too drab, ...
39
votes
8answers
3k views

Sources for Color Theory or Psychology of Color

Does anyone have a recommendation for a good book/blog/forum that focuses on design principles such as psychology of color, specifically where it relates to picking a color palette for a communication ...
8
votes
3answers
2k views

How to calculate the best type colour for a random background colour?

I might need to present content at multiple levels depending on the distance of the observer to a display. Let's say from far away the user perceives a flat colour, but from a close distance the user ...
7
votes
3answers
1k views

Designing interesting looking websites in greyscale, minimal tones

I know a business that wanted a website to match their brand, and it would seem that they are allergic to colour. I think designs in greyscale can look amazing, especially in print, but it feels near ...
4
votes
2answers
4k views

Differences in color conversion (RGB to CMYK) / How to choose Corporate Color

I figured out that there are possibly more than one methods to convert RGB to CMYK. Using Adobe Illustrator CS6 (Mac) the color conversion is completely different as the conversion via Wolfram Alpha. ...
1
vote
4answers
8k views

Darker shade of a given color

What does it mean and how do I get a darker shade of a given color. For example if I have the color R = 53, G = 140, B = 205 or H = 204, S = 74, B = 80, or #358CCD What value do I change in ...
29
votes
4answers
30k views

How does one generate a palette similar to the ones in Google's material design?

Google's material design specifications have sets of colour palettes: Starting with a base primary colour, which they designate as "500", they then have a range of incremental steps of shade, ...
10
votes
4answers
713 views

Do high-content areas of a website need to be white/light-colored?

Many websites that are designed to be easy to read (eg. nytimes.com or ilovetypography.com) use white backgrounds with black fonts to make the content easy to read. Is it necessary to only use light ...
23
votes
5answers
5k views

Why is pure blue darker than pure green?

If I convert hundred percent green and blue to grayscale then blue one becomes like twice as dark. I can see that green looks brighter, but I also want to understand reason behind it. Looking at ...
9
votes
2answers
4k views

How to select colours that match each other?

Looking at the colours in this logo, it is clear that the colours match each other. How do I find an orange and purple that match the same colour scheme? I suppose the colour in the 'R' is yellow?
8
votes
2answers
389 views

Tips for using poor colours well

This is less of a question with a definitive answer and more of a request for some tips. I am hoping that some of you may had had this problem yourself and can offer some advice. I have been ...
4
votes
5answers
412 views

Colors in Website Design

It's not a kind of question but rather it's a kind of thing which effects a lot in web designing. What are some important rules to follow for making a color combination in web design? I always fail ...
4
votes
3answers
1k views

How can I make the color white look as white as possible?

In designing websites and applications, I have noticed that when mixing colors with white, certain colors make white look more "greenish" or "purple-ish". This happens to a much greater degree when ...
7
votes
2answers
325 views

Name of illusion phenomenon of bordering colors

Look at this picture: All the squares are filled with solid color without any gradient, but at the borders between the colors we see as if gradients were used. In the past I tried to create ...
3
votes
1answer
2k views

How to determine exact contrast ratio

Because of the recent Web accessibility Law in my region, I need to ensure I'm designing with an appropriate contrast ratio. WCAG says the value of this ratio is 4.5:1 http://www.w3.org/TR/...
2
votes
2answers
167 views

Determining text color on top of a selectable background color

I have a requirment to have users be able to select button colors, I want that according to the background color they select, an appropriate, contrasted button text color will be determined ...
34
votes
10answers
23k views

How can the “dress” optical illusion be accurately reproduced on other images?

By now pretty sure the entire world is familiar with the "dress" optical illusion as it will one day be known. My question is how can this illusion be reproduced on other images? For those living in ...
22
votes
4answers
8k views

Why is it that this color gradient is so much more attractive than others?

I've been playing around with some gradients on a site I'm developing, and I'm really interested in the psychology or other meaning behind why certain colors appear more attractive than others. Here'...
9
votes
4answers
8k views

Given a color scheme, how do I apply to website design?

Just so there is something concrete to discuss, say I have this color scheme: http://www.lavishbootstrap.com/?image_url=http://design-seeds.com/palettes/12/SpringTones505.jpg There are many articles ...
13
votes
5answers
910 views

How to reinforce intuitive design decisions?

I am not a professional designer, meaning: I have not studied Graphic Design at university or similar. I wanted to, but the numerous clauses didn't allow it. On the other hand, I'm actually doing ...
7
votes
5answers
1k views

Color Theory: Is there a measurement of “colorfulness”?

I was adding some colors to a Windows application. A column was going to be colored in order to indicate groupings to the user. So in Photoshop i first selected some colors to use. Being ...
10
votes
2answers
3k views

How to calculate other colors with the same perceived lightness as a given gray value?

This is related to a question I asked on tex.stackexchange, which has a color aspect. The result of that question is the following image: I have drawn a series of gray squares on the left, with a ...
11
votes
5answers
2k views

Light text on a dark background vs. dark text on a light background: which allows the reader to keep focusing for longer?

I did not want to get to the endless war of dark-on-light vs light-on-dark, but recently I discovered something interesting: while light-on-dark text is still less tiring for my eyes (and I also ...
10
votes
3answers
805 views

How do I work with a logo that has what seems like too many colors?

The company I'm designing a site for has an logo that I must work with. All of my ideas for standard color palettes and layouts are challenged by this logo.. Most [good looking] logos I've worked with ...
9
votes
3answers
4k views

How do I select a high-contrast color set for a map?

Obviously, black & white are the highest contrast. I also want 2 sets of colors, so that regions on the map can be colored with good contrast. For instance, one region might be red, another blue,...
5
votes
4answers
446 views

What is the process for creating a color palette like this?

So, this is a screen grab of Web site designed professionally. I'm particularly interested in understanding how the designer arrived at this palette. Arguably, the palette works, but I can't figure ...
5
votes
5answers
18k views

How to find complementary colors

I often find myself trying to determine which colour is the "complementary" one of (or would nicely fit with) two colours imposed by the client brand. At times, only one colour is imposed, and I want ...
4
votes
1answer
935 views

Is there an equation to easily convert a color to its matching color in another hue?

I am trying to design a site with a couple color schemes. I am looking for a way to make color schemes that match mathematically. For example, I know that #FF0000 matches perfectly with #00FF00 and #...
8
votes
2answers
4k views

Is there a single text color that is acceptable on both dark and light background?

Is there a single text color that, when used on either dark or light background, produces a readable (or at least tolerable) output? If it makes it easier, constraints can be put on the hue, ...
7
votes
1answer
174 views

Is there a metric for “apparent” chroma?

I'm not sure this is the right place to ask, but is anyone aware of a metric for apparent chroma? Now I understand that "chroma" and "chrominance" are very overloaded terms, so to clarify, I ...
4
votes
4answers
1k views

How to find a good background color for a 2-color logo

I'm putting together a small flier for my company. I am adjusting a template that I purchased on the web to suit my needs. My logo has 2 colors: blue #263B79, which is the main one, and orange #...
3
votes
1answer
436 views

Derive color palette from given set of colors

I have a set of colors on a webpage where one color is the main one: #864062 <-- main color #853f61 #925071 #541c38 #64304A #eac9d7 Now I would like to derive similar color scheme for any ...
2
votes
1answer
53 views

Why are white digital fonts composed of more colors than white? [duplicate]

I know that colors are comprised of many other colors that can't be directly seen. But white? I thought white was just white. How come a combination of blue, yellow and red are not only are invisible ...
2
votes
1answer
527 views

How to select a font color to go on a very busy background? [duplicate]

I'm a developer and don't have much design experience. I'm creating a landing page for a project I'm working on. I want to use the below image as the background for my landing page. As you can see ...
5
votes
4answers
2k views

Why is the opposite of yellow on color wheels sometimes purple and sometimes blue?

Why do traditional color wheels have yellow opposite to violet (purple), whereas graphics programs such as Adobe Photoshop have yellow opposite to blue? Yellow opposite violet (purple): Yellow ...
2
votes
2answers
792 views

Systemetic way to choose a good red & green color for dark grey background

I'm don't have any Graphic Design background. I'm a programmer. Recently, I tried to port my holo light themed app, to holo dark themed app. For holo dark themed, the dark grey background being ...
2
votes
3answers
536 views

What are the basic rules of “flat design”?

I'm not a designer nor a graphics artis. But I wonder, are there any basic rules that can be applied to make for example diagrams or small illustrations look modern/flat/whatever you would call it. ...
1
vote
0answers
143 views

Contrast Color with Red [duplicate]

Possible Duplicate: Need help with the Color Combination for the Red Can some one help me to find a color that contrast the color Red HEX: cd0001 I am looking for something i dark rang of ...
1
vote
3answers
2k views

Any problems with light text on dark background?

My high school journalism teacher always said putting light text on a dark background is hard on readers' eyes and is a bad thing to do. But in my experience making spreads, there are many instances ...
1
vote
3answers
1k views

How to pick large color palettes?

An institution I know has chosen the following colors for its theme: It is used as a banner at bottom of web pages, and the first green is used as the main “institutional” color. I wonder: does ...
0
votes
1answer
65 views

Choosing colours for type in web design

This is something that I've struggled with for a while now and I really want to correct it. Whenever I create a web design I use a colour pallete of 2 or 3 contrasting colours normally for things ...