Questions tagged [color]

the visual perceptual property corresponding in humans to the categories called red, green, blue and others

Filter by
Sorted by
Tagged with
146 votes
14 answers
70k views

What are the negative and positive aspects of dark color scheme?

I am using Light-on-dark color scheme (dark background with light text) in my application. My question is, what are the negative and positive aspects of this color scheme and why this color scheme ...
Navid's user avatar
  • 1,593
94 votes
13 answers
36k views

Is there a problem with using black text on white backgrounds?

Why do a lot of websites use a text color other than #000000 black when the background is white? For instance, this text will be displayed using a dark grey: .post-text { color: #333; } Have ...
Yannick Blondeau's user avatar
44 votes
8 answers
39k views

Should hyperlinks be blue?

I've built a site where all hyperlinks have the default colors: blue for links, purple for visited links. They turn red on hover. I believe that always using blue for hyperlinks is a good thing, so ...
Husky's user avatar
  • 563
294 votes
5 answers
592k views

Dark or white color theme is better for the eyes?

What is better for the eyes, a dark color theme or a white color theme?
Jack Twain's user avatar
  • 3,119
85 votes
7 answers
174k views

What is the best color combination for on screen reading?

I work at an airline as a pilot and I am involved in the "paperless" project which aims to have no more paper in the cockpit - all the data should be accessible from tablet devices. We have a lot to ...
Wolkenjaeger's user avatar
25 votes
5 answers
8k views

Choosing a set of colors [closed]

I'm not a graphic designer, and I can't afford one for my open source project, so I thought I'd crowdsource this one. I'm trying to work out a set of 6-8 easily-differentiable colors for categories in ...
Robert Fraser's user avatar
4 votes
4 answers
2k views

Best Way to Darken a Color Until it is Readable?

What's the best way to darken a color until it is readable? I have a series of titles which have an associated color, but some of these colors are very light and any text drawn in them is unreadable. ...
Mark's user avatar
  • 143
9 votes
3 answers
5k views

Why are most social networking sites in blue?

Why do most social media websites use blue as the main color? e.g., Twitter, Facebook, LinkedIn, foursquare, ... I am only interested in answers based on some scientific research.
Fel's user avatar
  • 352
38 votes
4 answers
15k views

Is the color red really appropriate for form validation errors?

It seems to be taken for granted that the color red is appropriate to highlight errors. In the case of serious system errors, I agree. However, I'm having doubts that it's the right choice for user ...
Wesley Murch's user avatar
  • 2,705
36 votes
3 answers
21k views

How many visually distinct colors can accurately be associated with a separated legend in a figure?

For charts and graphs it's a relatively common question by programmers to want to procedurally generate an arbitrary number of colors that are visually distinct. Various research (or educated guesses)...
Phrogz's user avatar
  • 916
34 votes
9 answers
27k views

What are good resources for testing UI design for color-blind users? [duplicate]

Possible Duplicate: How can I check if my user interface is suited for colorblind people? I'd like to ensure that color blind users experience the UI with sufficient contrast between elements and ...
Don's user avatar
  • 866
16 votes
4 answers
8k views

Choosing high contrast text color (in relation to background color) dynamically

My application has an area with some number of controls. Each control's background color expresses a state of some sort. The controls are also numbered via some text in their foreground. For ...
Ed S.'s user avatar
  • 321
11 votes
4 answers
633 views

What research, patterns or techniques will help me choose the correct colors (or saturations) to the various UI elements of a page?

I am building a tool that will be used by call center agents. It is to help them support products on behalf of the customers who call up. It acts as a portal to many different types of product ...
Jon White's user avatar
  • 1,798
9 votes
3 answers
1k views

Why are primary/call-to-action buttons usually plain blue?

I understand the reasoning for using blue in general, for backgrounds, etc... What I'm asking about is the blue in twitter bootstrap framework and other similar frameworks. It seems to become a sort ...
Meligy's user avatar
  • 193
46 votes
6 answers
6k views

How can I highlight errors when bright red is the main color of the brand?

I'm working on a mobile website for a client whose main brand color is red. The website header and headings are all red. CTA buttons are red too. How can I effectively separate errors (mostly in form ...
bernk's user avatar
  • 1,071
38 votes
13 answers
6k views

Down arrow and up arrow status

I have to make an iOS app, where there are categories and I have to show the decrease and increase in status of particular category. For decrease I used a red down arrow. For increase I used a green ...
Abhishek Sharma's user avatar
29 votes
9 answers
12k views

Dark on Light or Light on Dark? [duplicate]

For a very technical site documenting code, sharing code snippets, and documentation, I have been told that using dark fonts on light backgrounds is recommended for people being able to read the ...
Traven's user avatar
  • 719
25 votes
5 answers
4k views

Should a multinational website background color be a conscious choice?

We know that colors represent different things in different cultures, and selecting the wrong color can have unexpected and unwanted effect on how we present our organization. Gaming sites such as ...
Benny Skogberg's user avatar
22 votes
7 answers
7k views

Is it a bad idea to use grey buttons?

Our design team is thinking of using grey secondary buttons on our site. I'm concerned they may appear to be disabled to our users (especially when used with the primary orange buttons). There is a ...
meepsh's user avatar
  • 847
22 votes
7 answers
5k views

Color of destructive primary button

In our app we use green buttons to signify primary actions (located on the right, but that's a whole different discussion) and grey buttons to denote secondary actions ('Cancel'). For example: The ...
user avatar
19 votes
8 answers
1k views

How to determine whether links have enough contrast?

I find it very hard to distinguish links from normal text on Programmers Stack Exchange, especially visited links on wall-of-text posts. The colour scheme used is: Background #fafafa (there's a ...
user avatar
11 votes
4 answers
47k views

Which colors make you hungry

I am working on a new brand, which is all about food. What colors should we use for the logo and website? I keep reading that red makes you hungry, but i would like to stay away from that color. ...
Emil's user avatar
  • 2,324
8 votes
2 answers
679 views

Why do messaging apps color the user's messages brighter than the people they message?

You would think that the messages you receive are the primary focus of a messaging app, since you spend most of your time reading them. However, many big messaging clients like iMessage and Facebook ...
Oztaco's user avatar
  • 1,004
8 votes
3 answers
658 views

Choosing colors appropriately for red-green colorblindness

I want a green for "correct answer" and a red for "wrong answer". My current choice is rgb(144, 238, 144) for the green and rgb(250, 128, 114) for the red. (See wikilearner.net/wiki for the colours in ...
Randomblue's user avatar
  • 2,163
8 votes
4 answers
498 views

Using a secondary set of colors to indicate which elements of the UI can be interacted with

I was reading this article about Metro UI designs, and I was struck by this statement: Example, if you look under the hood of a new car, you will see areas colored yellow whereas the rest is the ...
Mervin's user avatar
  • 43.8k
8 votes
2 answers
8k views

What is the best way to display disabled field and text for accessibility color contrast support [duplicate]

I am working on a project which needs to support color contrast accessibility. Currently on our system disabled data is presented as grayed-out, but now we need to support color contrast for ...
pnina's user avatar
  • 83
6 votes
3 answers
763 views

Are dark non neutrals colors suited for page backgrounds or is it more advisable to go for neutral colors like black or dark grey?

I am just finishing up a site for a non profit and we are having a bit of a debate of about what the background color should be I have been trying to emphasise on the need for a neutral color like ...
Mervin's user avatar
  • 43.8k
2 votes
4 answers
160 views

Support consistency or primary user journey?

Here's my question. Should a button with an important action such as "Preview" always have the same visual appearance and poisitioning or should it change according to the primary user journey? Let'...
Mattias Bregnballe's user avatar
256 votes
16 answers
103k views

Why do people not notice our enormous, prominent, clear and contrasting purple banner?

I'm part of a MediaWiki site called D&D Wiki. Among others, one of our longstanding issues in the public eye was our failure to label clearly enough that certain pages are categorised 'Homebrew', ...
user avatar
82 votes
10 answers
9k views

What effect would a grayscale color scheme have on UX?

I am thinking of designing a website that will have no color other than black, gray, and white (including links). Will the absence of colors such as blue, green, etc. affect the user experience of ...
user avatar
69 votes
16 answers
156k views

Why are Inverted Colors considered an accessibility feature?

Why is it that, in most operating systems, the "Inverted Colors" display setting is considered an accessibility feature? Both Windows and OS X include this option so it seems to be a ...
RLH's user avatar
  • 793
58 votes
9 answers
30k views

What color for error messages for a form with a red background?

I have a big website with some forms. There are four background-colours for the form components. One of them is pink/red. Here the image and the error message: I can't change the form background-...
Baumannzone's user avatar
42 votes
2 answers
5k views

What rules does Google use to make a button gray, blue, or red on their sites?

This has been an elusive topic, and I haven't yet been able to form my own conclusion about what Google's reasoning is to make a given button blue, red, or gray, given their latest design ethos. Take ...
Matt's user avatar
  • 951
35 votes
2 answers
34k views

Having 4 colors in logo (like Google, Microsoft and eBay), for which kind of companies does work too? [closed]

Google, Microsoft, eBay (and some other corporate companies) use 4 colors in their logos: Blue, Red, Green and Yellow. How does it help their branding? And for which kind of companies does it work. ...
Mahdi Rabie's user avatar
30 votes
2 answers
20k views

Formula for color contrast between text and background

In my Android app a user can choose the color of an item. This color is then shown in background with a text on it. I want to display the text either in black or white - depending on the background ...
juergen d's user avatar
  • 459
30 votes
7 answers
16k views

Colorblindness-friendly colors called "green", "blue", "yellow", and "red"

I need to choose a palette of four colors that satisfies the following two conditions: Colorblind people can easily distinguish all four of the colors. People with normal color vision can ...
Joseph Sible-Reinstate Monica's user avatar
29 votes
7 answers
5k views

What is the reasoning behind grayscale icons?

Quite a few web applications have started utilizing gray(black) scale icons, for example Github,new Google Analytics, etc. Even applications like Firefox 4, Chrome, IE9, iTunes, Mac OS, have dropped ...
GeorgeU's user avatar
  • 393
25 votes
5 answers
2k views

Displaying states of machines – Overview site

We need to display the state of some machines in our web application. The machines can have about 8 different states. Our idea is to make a site where the user can see all machines and their state. ...
user1320170's user avatar
21 votes
6 answers
20k views

Why do most financial apps use a black or dark background?

I was asked today to look into designing a stock monitoring windows 8 application and I was looking around for design ideas when I noticed an interesting trend where it seems like most of these stock ...
Mervin's user avatar
  • 43.8k
20 votes
8 answers
10k views

Which is a good color for a pause button?

We have an application with a built-in stopwatch. If the stopwatch is running the pause button is shown and if it is stopped the play button is shown. Currently the stopwatch itself as well as the ...
Sandra's user avatar
  • 303
19 votes
11 answers
5k views

Is red an acceptable colour for a submit button on a form for a purchase or booking?

I have been drafted in to provide UX feedback on a recently completed website. One point I made was that red was not a suitable colour for a positive action, i.e. completing a form. The reply cited ...
Robin Card's user avatar
19 votes
4 answers
2k views

Dark screens in cars

I am a designer just preparing an app for the "in car" area. Normally we have a bunch of colors to use and we usually use dark colors on a light background. Now our client came up with some question ...
Luzie's user avatar
  • 191
19 votes
9 answers
3k views

Intuitive colour pickers for non-expert users?

Does anyone have examples of favourite colour pickers (as UI elements, not dedicated color-picking apps or sites) for common, 'everyday' colours - not for RGB or HSL values? I find traditional colour ...
cakehoover's user avatar
18 votes
10 answers
2k views

How much color may a UI have?

I work on a Network management system (NMS) frontend. Basically this app shows a list of alarms, updated in realtime. Such NMS apps already exist in a large variety, but two things they have in ...
user694971's user avatar
16 votes
3 answers
4k views

Why is the close button in the title bar red in Windows 7?

Perhaps to prevent users from closing the window or application inadvertently? But is it also a distraction because the color of red stands out? Any insights?
draw's user avatar
  • 263
16 votes
5 answers
6k views

Which color for a "Pay now" button?

I know there is no such thing as one good color that can be universally accepted, but I've been told orange is the "right color" for the payment button, and it is notable to see how both Paypal and ...
Naoise Golden's user avatar
14 votes
6 answers
12k views

How to measure the contrast between any given color and white?

When displaying white text on a colored background, I guess that the text is more-or-less legible depending on some kind of contrast between that color and white. My question is, is there a formula to ...
ChrisW's user avatar
  • 286
14 votes
6 answers
97k views

Background colour suitable for both black and white text

On my web page I have light blue, white, gray, yellow-color texts on a black textured background. Colors that don't go with a black-color background are not visible. Can anyone suggest me a background ...
Hemalatha's user avatar
  • 735
13 votes
2 answers
7k views

Should websites provide high contrast or alternate schemes?

With regards to Accessibility, many sites focus on font-size adjustments either the browser's / OS's native controls or via a control on the page (usually denoted by 3 capital A's of varying size). ...
JamesEggers's user avatar
  • 1,999
12 votes
6 answers
2k views

full-color icons vs. greyed-out icons in menus

Icons in menus are often full-color. Even though the page an icon/menu item controls is not active, the icon still appears in its normal hues. To distinguish the icon which is active, a designer will ...
mg1075's user avatar
  • 1,300