Skip to main content

Questions tagged [color-scheme]

the choice of colors used in design for a range of media

Filter by
Sorted by
Tagged with
87 votes
7 answers
178k 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
83 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
66 votes
7 answers
11k views

Should software for 8 to 14 year olds be colourful and "childish"?

I am developing a learning application for children somewhere between 8 and 14 years as part of my masters degree in Computer Science. I have absolutly no formal UI design background and in the past ...
Marcus Riemer's user avatar
59 votes
10 answers
25k views

What color to choose as "danger" if the main color of my app is red

I'm having this question wrapped around my head for quite some time. The thing is that my main application has a red color theme. And for just cancel buttons I used to use just gray colors but now ...
caravana_942's user avatar
48 votes
4 answers
120k views

Which color scheme to choose for applications that require long work hours?

I'm working on a ERP / Accounting (lots of tables and data) web app and was wondering what color scheme would be appropriate for this type of application? Users will be sitting in front of their ...
DI_SO's user avatar
  • 583
43 votes
7 answers
86k views

Colour palette progression to indicate priority

I need to use colour to indicate priority. Say, there are 20 priority levels. What is the best way to use colour to achieve this? My thoughts so far are: I'm leaning towards using shades of a single ...
artooras's user avatar
  • 581
43 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 ...
MegaMatt's user avatar
  • 971
41 votes
10 answers
63k views

Why are X, Y and Z axes represented by Red, Green, and Blue?

It is pretty standard that 3d axis, XYZ, is represented as red green blue, respectively. Why is this and who first proposed the colors in that configuration?
user-2147482637's user avatar
40 votes
1 answer
6k views

How do you decide UI colors when logo consist of three colors?

I have case where logo without name have three colors (dark blue, light blue and pink) which can be called as brand colors, but I am struggling to decide on UI surface colors (ex: cards, navbar, etc). ...
kaushalyap's user avatar
37 votes
7 answers
23k views

Best error color on blue color?

I have the color: #4285f4 and I'm looking for a easy to read error color code. I'm using Google's default error color: #dd2c00. However this doesn't read very well on the page...
Gaetano Herman's user avatar
33 votes
9 answers
5k views

What resources do you use to find good color combinations? [closed]

My background is in web development, not UI design. I have no problem creating the layout and getting it pixel-perfect, but I can never figure out what colors to use and where. I have seen projects ...
Scott M.'s user avatar
  • 521
32 votes
10 answers
9k views

What is the color associated with lukewarm?

I'm designing a web application that crowdsources user response to another user's initiative (or project idea). The overall user response to the initiative is represented using a status component with ...
Teik Jun's user avatar
  • 423
30 votes
7 answers
21k 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
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
25 votes
5 answers
6k views

Colorblindness-friendly color scale with a clear progression, without using red/purple/pink

I have a case where a strong pink has already a reserved meaning ("missing data"), so red/purple/pink should not be used at all. Additionally, colours should really distinct as it will be ...
reducing activity's user avatar
23 votes
1 answer
4k views

When to use white text on top of a color for readability?

I am setting the background of a textbox to some variable color. I know the hex/rgb of the color I'm setting the background to. Normally the text is black (or very very dark gray). On some colors, it ...
minseong's user avatar
  • 1,491
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
  • 44k
21 votes
1 answer
4k views

Are there premixed Material Design color combinations I can use for prototyping?

I'm looking at this tool that allows to select material design colors and this document by Google that describes how to pick material design colors. As far as I understand, I pick 3 primary colors ...
Alex Stone's user avatar
  • 1,627
21 votes
4 answers
2k views

How important is it to consider color for color blindness in a design

In response to this question about iconography, I was wondering about how much it is necessary to factor in color usability for people with color perception difficulties into a design. The first ...
Roger Attrill's user avatar
20 votes
12 answers
5k views

Is this hard to read?

This is a snippet on a site i have just been building. I considered the readability etc, and the corporate colours, and tried to work with them. Actually, I find it quite relaxing to read and view, ...
Schroedingers Cat's user avatar
19 votes
8 answers
4k views

Is colour alone enough to convey warning?

I'm designing page that has an alerts panel in relation to healthcare. I'm using a pale red to convey that action needs to be taken immediately, orange to show that something is due soon and green to ...
Beth Medlicott foster's user avatar
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
3 answers
10k views

Logical colors for a wireframe

I got a mail from a designer to do some wireframes. He has told me that the wireframe should have logical colors. Is there really some theory to the colors for wireframes? I have made some ...
Sushanta Kumar Pradhan's user avatar
18 votes
10 answers
3k 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
18 votes
4 answers
4k views

Maximum contrast ratio for good accessibility

So we are remaking an enterprise app from scratch. This time we want to base our design decisions on proper research. Our users use the app 24/7 with high requirements for UX. So our main goal is to ...
exp's user avatar
  • 2,608
17 votes
4 answers
12k views

Colours that represent beginner, intermediate and expert

Are there any guiding principles around what colours might represent beginner, intermediate and expert users in a forum site? At first I was thinking green (beginner), orange (intermediate) and red (...
Jacquip's user avatar
  • 173
17 votes
4 answers
31k views

What is a good color combination, visibility for outside use

I am designing the layout for a touchscreen for outside use, What are some good color combination to use that will be visible under the sun light for outside use? Maybe bright neon colors?
kevin's user avatar
  • 173
16 votes
4 answers
1k views

What is wrong with my color selection?

Our customer said they wanted a minimalistic user interface, with a Windows 8 feel. However, I am a developer and do not have any experience with user interfaces. So, I went ahead and found the color ...
HebeleHododo's user avatar
16 votes
2 answers
11k views

Which colors would best convey 3 difficulty levels?

I'm making a baby toy/game to learn numbers and I have a menu with 3 buttons. The first button enters "learn mode", the second button is an easy quiz, and the third button is a medium quiz. Are there ...
ubershmekel's user avatar
15 votes
12 answers
12k views

Changing Colour of Social Media buttons to match Colour Palette

I'm interested in getting opinions on changing the colour of social media buttons (facebook/twitter/linkedin sign-up and login as well as sharing) to better fit in with the colour pallet of our ...
Avron's user avatar
  • 151
14 votes
6 answers
102k 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
  • 745
13 votes
4 answers
3k views

Change link color based in background color?

Our white-background webpages use the blue hyperlinks as shown in the image below. Occasionally we have dash-bordered yellow information sections on a white webpage as shown. In that case someone said ...
user1946932's user avatar
13 votes
6 answers
13k 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
  • 276
13 votes
7 answers
4k views

Multi or Single colored rating stars

I'm developing a web application which is basically using 2(3) colors: Magenta White Grey-scales The app is a register for local artists and therofre, the users can rate them. Currently I'm only ...
pguetschow's user avatar
12 votes
7 answers
3k views

Color coding Alerts

I am having some issues with a project alert colors. I am having two cases that starts an alert. One is if the value is over 40 and one is over 45. Reaching the 40 value is a really bad thing and ...
Chris's user avatar
  • 4,558
12 votes
5 answers
28k views

What colour should Register and Login buttons be? [closed]

My current login page looks like this: I chose green and grey basically at random, and am wondering how to to represent them properly. The login button is the main action, since this screen will only ...
penalosa's user avatar
  • 397
12 votes
3 answers
905 views

Why some websites put a small contrasting bar on top of the page?

I've observed this pattern in practice at many places now, websites put a small contrasting bar on the top of the page. What is the rationale behind it? Readability header: Tenderapp header:
Jai Pandya's user avatar
12 votes
3 answers
1k views

Choosing colors for a subtle UI

I'm currently agonizing over how light I can make various colors in my UI before I adversely affect usability. The reason for the agonizing is that different monitors have different responses. Those ...
Mal Ross's user avatar
  • 864
11 votes
4 answers
649 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
10 votes
4 answers
2k views

Should we risk using colors other than blue in Web apps?

Trends: New Colors (we’re looking at you, #00A0D1) If there’s one thing that’s been stagnant in the design community, it’s the originality with colors. Sixty percent of the applications on my ...
Fel's user avatar
  • 352
10 votes
6 answers
2k views

Effect on usability if I use green and red colors (for meaning) in an app whose color scheme does not include those colors?

I am working on an application that models physical hardware to the user. As such, showing things colored red seems to be a very natural way to communicate an error state, and showing them green ...
Jason Frank's user avatar
9 votes
2 answers
2k views

What background colors would correctly describe level of importance of item on the list

I have a list of customers. They are( from least to to most important): Regular customer, VIP customer, Small company, Medium company, Large company. I list them in this manner: I would like to know ...
Yoda's user avatar
  • 205
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
9 votes
3 answers
2k views

Excel spreadsheet colour coding/design/layout principles?

With programming you have "software design patterns", with websites you have design standardised (and then some templates, e.g. "bootstrap"), and people know where the input etc. ...
user96769's user avatar
8 votes
3 answers
2k views

Range of Colors to Represent Values

I have an application which draws a colorful bin, with different colors representing different values. Originally (right side of image), I was using a scale which started with a lighter color, and ...
TylerAndFriends's user avatar
8 votes
8 answers
4k views

Red buttons in an e-commerce site?

I'm designing an e-commerce site with red buttons. It has a yellow/white background and it looks quite good that way. Now, my boss finds the same, he likes it, but he is doubtful, because red could ...
Lalo's user avatar
  • 81
8 votes
4 answers
4k views

Why do TV infomercials use such cheap, jarring, garish graphic design?

When you see a TV infomercial, they always use the jarring contrast of a big yellow font on a blue background, with a small viewport of video displaying the product. Does anyone know if there is a ...
OneChillDude's user avatar
8 votes
5 answers
3k views

How do I design a beautiful 6 month calendar view with 15+ event types?

I have designed a calendar web application at my work, and it has been well recieved. So well that multiple departments of my company has adapted it, and requested their own categories for their ...
jumps4fun's user avatar
  • 195
8 votes
4 answers
605 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
  • 44k
8 votes
3 answers
5k views

Multipart progress / status bar colours

I am working on an application that needs to show users their currents status / progress in performing a task on a number of items. There are three states that each item can have: New (blue) - ...
JohnGB's user avatar
  • 68.4k

1
2 3 4 5 6