Questions tagged [color]
the visual perceptual property corresponding in humans to the categories called red, green, blue and others
69
questions
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 ...
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 ...
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 ...
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?
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 ...
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 ...
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. ...
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.
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 ...
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)...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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. ...
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 ...
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 ...
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 ...
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 ...
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 ...
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'...
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', ...
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 ...
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 ...
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-...
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 ...
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. ...
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 ...
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 ...
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 ...
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.
...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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?
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 ...
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 ...
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 ...
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).
...
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 ...