Questions tagged [color-scheme]
the choice of colors used in design for a range of media
275
questions
0
votes
1
answer
130
views
How do you create both sufficient contrast and a harmonious outcome for text on different tints of the same color?
Here are two examples. One is a table, the other an illustration. Both use different tints of the same color with text on top. How do you change the color of the text across these tints to be both ...
CommunityBot
- 1
0
votes
1
answer
40
views
Styling a Customer Badge with Two Different Ratings Using Different Colors
I'm currently in the process of designing customer badges for my application and have encountered a styling challenge. I've successfully implemented a color-coded badge that reflects the customer's ...
- 26.7k
0
votes
1
answer
72
views
Yellow in high contrast modes
We're implementing different color themes across our apps.
All our basic themes are WCAG level AA compliant, but now it's high contrast theme's turn. It's going to be a theme that features maximum ...
- 5,299
0
votes
2
answers
62
views
Colour rating system in relation to a UI colour palette
I am currently updating the design of an existing app, which includes revisting the colour palette.
A key aspect of the app in question is a category range for a range of metrics (eg: Low, Normal, ...
- 132
65
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 ...
0
votes
2
answers
112
views
Do different opacities of hover / click / active states need considering from an accessibility perspective?
I found this sidebar on Dribbble:
And I'm wondering if it's fully accessible? It looks like when a menu item is active, it's given a semi-transparent background. And when you hover over another menu ...
2
votes
2
answers
750
views
Practical 'lightest' shade of grey for contrast with white
I often use a light shade of grey such as rgb(242,242,242) in my designs to provide a subtle contrast to white, e.g. for the background of alternating rows in a table.
I can easily distinguish ...
- 309
17
votes
4
answers
3k
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 ...
- 309
4
votes
3
answers
504
views
What is the number 0.05 in the calculation of contrast ratio between colors?
To calculate contrast ratio the following formula is used (source):
(L1 + 0.05) / (L2 + 0.05)
where:
L1 is the relative luminance of the lighter of the colors, and
L2 is the relative luminance of ...
- 309
1
vote
1
answer
88
views
Examples of label/highlight color pickers
I'm looking for application examples where the user can select a color for a label/tag/highlight, choosing both the background color and foreground color. Gmail provides a two-stage UI for this with ...
CommunityBot
- 1
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 ...
- 95
8
votes
2
answers
42k
views
What is the most dyslexia friendly colour combination
Following on from this question I asked a while ago:
What is the most dyslexia friendly font?
I'd like now to know whether there are any colour combinations (or sets of colour combinations from ...
- 1
2
votes
4
answers
3k
views
What do numbers mean in a colour palette?
I'm in the process of refining a colour palette and while doing some research I'm seeing a lot of palettes, such as this one from Atlassian, add numbers to their colours ranging from 50 to 900:
How ...
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 ...
0
votes
2
answers
323
views
What are these tooltips-like objects called in UX design?
I have been tasked with creating an information (e.i. helpful tip) scrolling bar for a mobile application.
I am not very satisfied with my choices of color. So I am trying to look for outside ...
- 145
4
votes
1
answer
3k
views
Spreadsheet Cell Color Conventions
Is there some convention for coloring certain spreadsheet cells with certain colors to indicate the meaning/type of cell?
Excel provides the following. Is that an Excel thing or a broader color ...
- 438
0
votes
2
answers
740
views
Should I use dark blue text instead of black?
The primary color I was given to work with is dark blue that is almost black. I need to use this as part of the branding, but what about when it comes to choosing a color for text? I try using black ...
- 2,615
0
votes
0
answers
28
views
Finding a tested color combination for mobile app header and Search box?
We have a mobile app with a regular header (filters, search, etc.) and a results listview at the bottom (fyi the icon to the right is not the real icon).
I like how the app looks and I don't want to ...
- 177
16
votes
2
answers
10k
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 ...
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 ...
- 15.5k
0
votes
1
answer
187
views
Do Apple and Google really care about WCAG when it comes to color contrast?
I am struggling to incorporate a yellow on a light background.
The only option to be compliant seems to be to make the yellow almost brown.
I thought I'd check how the big guys do it and it turns ...
- 1,740
3
votes
3
answers
837
views
Microsoft Teams - Status colours shown on the UI for Away & Be Right Back are same?
I have been using teams for sometime now and I usually check the status of people on their profile photo displayed. My observation is that the two status' 'Away' and 'Be Right Back' are of same color ...
- 519
1
vote
1
answer
119
views
Colour scheme for two distinct sets of 5 items on a map
I apologize for the utter simplicity of this, but it is beyond me.
I am using a Leaflet and Leaflet.markercluster to add markers to a map. The latter helps resolve clutter by grouping icons near to ...
- 18.3k
25
votes
5
answers
5k
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 ...
- 213
4
votes
3
answers
3k
views
Alternatives for red/green in diff output
I once read an article arguing that red and green are bad choices for diff, because
some people have red-green color blindness
red implies "bad" and green implies "good", but deleted code is often ...
- 143
1
vote
2
answers
172
views
Are there any existing algorithms to measure the readability of text and background colors?
Are there existing algorithms that can measure readability colors for text over a background? (on-screen text for e.g.).
Something which could be used (for example) for auto-generating color schemes ...
- 121
0
votes
2
answers
104
views
Is blue the only right choice for a social media project?
I am tasked with designing a new platform for a new social network, and we have yet to decide on an official color and shade for the company logo.
It seems logical to me to choose the color blue, and ...
- 106
39
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). ...
- 18.3k
7
votes
3
answers
4k
views
Changing a White Background to...?
I am in the process of creating a website. Currently the website has a solid white background with black text. However, on different monitors the white background can be blinding bright. I have ...
- 1
0
votes
2
answers
520
views
Two Logos in One Page Website
I have a question on the color combination that I will use since I have a website that two logos should be placed.
My problem is that the two logos have very different color schemes. The first logo ...
CommunityBot
- 1
2
votes
4
answers
491
views
What is a good color indicator for showing upcoming dates?
I have a web page that shows a list of due dates. i have it in a table like this:
download bmml source – Wireframes created with Balsamiq Mockups\
I am making dates that are in the past (...
- 299
0
votes
2
answers
45
views
Need some help with text color suggestion
I'm a developer and I created a page with some photos with names on them. I'm not sure what would be the ideal color to visibly display them. I tried Blue and White. Attaching the screenshots of the ...
- 10.6k
56
votes
10
answers
24k
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 ...
- 131
1
vote
2
answers
79
views
How to deal with positive and negative signs next to a number in the [-1 , +1] and increment/decrement semantic?
I tried to look up this topic and found something here as a side comment but nothing more.
Context
I need to print a value in the Real numbers [-1,+1] interval.
The Value has a semantic meaning: The ...
- 121
7
votes
4
answers
332
views
How exactly do designers choose the colors they use?
I've been questioning myself for a while now how UI designers choose the exact colors that they end up using. I think that the Windows 7 user interface is a good example of this (in Windows 10+ ...
- 56
5
votes
3
answers
456
views
Are there current standards or guidelines regarding dark themes / dark modes?
Many people are starting to realize that they prefer what is commonly called "Dark Mode" or "Dark Theme". That is, light text on a darker background.
As such, developers are now ...
- 18.3k
2
votes
2
answers
471
views
Red and Green for Open/Closed and Busy/Available
I am facing an interesting issue when realizing an interactive map for one of our customers - an airport.
The map is showing real-time information about the current status of the infrastructure - for ...
- 12.1k
23
votes
1
answer
3k
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 ...
- 1,491
1
vote
1
answer
67
views
User defined pallete for web pages
When the web browsers first came into existence, it was possible to override the intent of the web designer. There weren't too many settings. You could locally control the color and font of the text,...
- 4,481
2
votes
3
answers
281
views
How to concisely represent a set of statistics on a dashboard?
I'm designing a dashboard for a web app representing statistics related to a quiz/test.
I'm using visual aids like charts, icons and other cards displaying a small piece of information.
Each such card ...
- 2,205
5
votes
2
answers
5k
views
What are the benefits of using a black cursor with white outline, over white with black?
I've used a lot of operating systems, and those that support mouse cursors usually default to a black one with a white outline, with the notable exception of Windows. I used to think that this is ...
3
votes
2
answers
294
views
Design language and color choices by geography
We were doing a study/survey recently on an app which is expected to be launched globally (North America, Europe, South/East Asia).
The current design favors cleanliness, white space, and muted colors....
- 601
0
votes
1
answer
12k
views
Color selection according to status
I'm designing a system where a list item can have one of 5 different status options:
ACTIVE
LIVE
PENDING
LEGACY
INACTIVE
I want to specify a different color for every status.
For ACTIVE, PENDING and ...
CommunityBot
- 1
0
votes
3
answers
111
views
How do I find multiple variation of same color which are visually contrasting
I am developing some kind of heatmap for a stock market-related project which has ~80 large to small boxes on the screen to denote a stock and it's change
I use a red background on box to denote loss, ...
- 1,783
0
votes
2
answers
131
views
Iconic colors from content-type
I have a web application that includes a file browser. I have a little database that associates a FontAwesome icon to a variety of content-types (i.e. images, word/lowriter files, excel/localc files, ...
0
votes
1
answer
100
views
Calculating background color's complementary red, green, and blue colors [closed]
I am not new to UI design, but I have absolutely no experience with color schemes.
Say I choose rgb(35, 51, 72) as the base and background color. This is #233348 and hsl(214, 35%, 21%). Are there ...
- 18.3k
4
votes
2
answers
293
views
Color standards for seat booking
I am working on an application with a seat booking UI. Are there visual standards, colors in particular, for conveying the type and state of each seat?
Examples of seat types: standard, accessible, ...
- 37.7k
9
votes
3
answers
980
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. ...
- 163
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 ...
- 223
1
vote
3
answers
138
views
How to fix this issue of showing multi-color coded events on a timeline?
I need to show multiple(8-10) type of repetitive events on a horizontal timeline in a multi-color coded fashion. But this approach seems to be harder for user to grasp and lead to high cognitive load. ...
- 9,597