Questions tagged [color]
the visual perceptual property corresponding in humans to the categories called red, green, blue and others
426
questions
0
votes
0
answers
34
views
WebKit font smoothing in 2022 - What is the best approach?
I've been researching about it for a while, read lots of articles, forums and blogs and there are too many different opinions about it.
This blog post basically says that we should leave this setting ...
- 21
0
votes
1
answer
47
views
HTTP request linear progress indicator color
I am showing a fixed horizontal progress line at the very top of may Web page that is as long as the viewport width. It is displayed when an HTTP request is pending.
It is similar to the Indeterminate ...
- 121
0
votes
2
answers
45
views
Which of these "Email campaign status" combinations make the most sense? (color status labels)
Me and the team are split on which combination of colors are best to indicate "Active", "Sending", and "Sent" for both one-time & automated/recurring email campaigns.
...
- 1
0
votes
1
answer
52
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 ...
- 31
0
votes
2
answers
38
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 ...
- 101
1
vote
2
answers
157
views
How to design a UI to reduce eye fatigue?
I am an operator for a large piece of industrial equipment that has a new digital interface, but operating that equipment requires staring at a computer screen for several hours to ensure that ...
1
vote
1
answer
107
views
How a color palette must be used on a website
I came across a website called color hunt and wondered how each color palette must be used (usage percentage and such). For example, I liked this color palette but I am not sure what color must be ...
- 111
1
vote
3
answers
123
views
Useful UI themes that add value
I am trying to research content about UI themes that add value. Normally this is associated with vanity customization, but I find certain themes quite useful.
A high contrast theme is valuable for ...
- 301
7
votes
4
answers
297
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+ ...
- 171
23
votes
1
answer
2k
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,465
4
votes
2
answers
542
views
How do I subtly show that an element in large collection of elements was recently changed?
I have a large collection of elements displayed in a calendar-like grid. These elements represent entities that can change over time, but many won't. The elements are rendered like cards, evoking a ...
- 143
2
votes
1
answer
94
views
Is feature to customize themes and colors for Mobile/Web Apps important for UX?
We are building a CRM like application but targeting micro businesses, consultants and etc.
While designing UI for our Mobile/Web App, my manager suggested us to inlcude themes, color and fonts ...
- 123
26
votes
8
answers
6k
views
Color picker - what to do if the user selects the same color as the background?
I am working on a app that has an area dedicated to color choosing, like so:
Now, ordinarily, this works fine, but what if the user chooses the same color as the background color? It would look like ...
- 483
1
vote
3
answers
110
views
Color keys for large data sets?
I have a task to create a day-by-day calendar list within a SaaS platform.
The calendar will encompass many different types of events and roles within the software. As part of this calendar, the ...
- 25
0
votes
1
answer
51
views
How did WCAG come up with the constants used in determining luminance
In https://www.w3.org/TR/WCAG20-TECHS/G17.html they used a few constants but I can't find where they're derived from
1
vote
1
answer
133
views
How dark does a background have to be before white text shows up better than black text?
How dark does a grey background have to be, before white text is easier to read against that background than black text?
Suppose you start off with a white background.
Clearly, black text is easier ...
- 113
0
votes
0
answers
17
views
How to unify states from the macro to the detail
I'm working on a product that manage workers certificates, and so we have a table with ALL certificates where you can find cards for each one
Each card has: Certificate name, Next due date (29 days ...
5
votes
1
answer
187
views
Why do many prominent web apps use blue primary button with white text, when it fails the WCAG 2.1 contrast threshold
WCAG 2.1 says to have a minimum contrast ratio of 4.5:1, but blue primary buttons of Twitter, Figma and Outlook have white text which fails to cross the threshold ratio. Is there another scientific ...
- 81
0
votes
1
answer
59
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 ...
- 101
4
votes
1
answer
398
views
Star rating in the app - brand color or yellowish?
I am trying to make a decision about choosing a star rating color. It seems like it's most natural that it should be in a brand primary color (to follow the brand style) or yellow (which many would ...
- 506
0
votes
2
answers
149
views
Do I need a laptop with 100% srgb color coverage for UX/UI design? [closed]
I know for the UX part it doesn't matter but what if I'm using tools like figma and creating wireframes UI elements do I need a top quality screen or will I be just fine with a cheap gaming laptop ...
4
votes
2
answers
157
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, ...
- 165
10
votes
3
answers
3k
views
Colour rule for multiple buttons in a complex platform
I'm currently designing a CRM which includes a lot of forms and modules. I have been struggling to decide the colour rule for the buttons especially having to incorporate branding colour into the ...
- 613
0
votes
2
answers
322
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 ...
- 101
5
votes
3
answers
222
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 ...
0
votes
1
answer
122
views
What is the best ease curve and speed for color transitions?
I am creating a desktop app, and I'm currently implementing animations.
I understand from Material Design Guidelines that I should set the speed for transitions for desktop apps at about 100-250 ms to ...
- 101
4
votes
2
answers
250
views
Neutralize strong colors
My client has a fixed branding color schema, so I can't change its colors. He asked me to design an accordion component, where the header part is going to be blue color and in the header, I should put ...
- 189
0
votes
1
answer
58
views
Differentiating parent nodes from children in node network
I'm building a JS application that involves manipulating node networks. I'm finding JSPlumb to be incredibly difficult to integrate, so I'd like to differentiate parent-child relationships in the ...
- 101
-1
votes
1
answer
59
views
Best colors for polls [closed]
I've developed a polls android application.
Employees fill polls house by house at the door, and they complain about app is difficult to see.
Which color would be better(for background, text, buttons.....
- 99
1
vote
3
answers
134
views
Should submit button colors match color scheme or be consistent across products?
We have a site that has themed colors, depending on which product you are using. The user can easily toggle between products, so the theme makes it clearer which product they are on.
Should Submit ...
- 111
2
votes
1
answer
143
views
Recommended color range for background color
I am building an online menu for restaurants.
The default background color is a light gray (#f1f3f5). The default text color is black (#555555). Example
Many of the restaurants have asked to use a ...
- 121
18
votes
2
answers
6k
views
YouTube Premiere countdown animation
YouTube has a feature called Premiere that allows creators to publish videos so that they are premiered live, at a particular time, to all viewers.
At the beginning of each premiere is a 2 minute ...
- 299
1
vote
1
answer
433
views
Are there any guidelines for applying colors to the ticket status of a ticketing system?
I have a ticketing system that has 5 states. A ticket can be in any of these states:
Newly asked
Waiting for system response
Waiting for customer response
In progress
Closed
I want to create a ...
- 123
29
votes
7
answers
9k
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 ...
3
votes
2
answers
203
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 ...
- 33
1
vote
1
answer
41
views
Is it effective to test color palettes and changes on old monitors?
Does anyone here test color palettes or changes on older monitors? Someone in one of our design review meetings suggested doing this, and curious as to the thoughts of fellow UX designers.
In making ...
- 31
2
votes
1
answer
53
views
Application of color to indicate interactivity in a table with a mix of sortable and unsortable columns
I'm working on an application and utilizing a blue color to indicate interaction. Links are indicated with the blue color and an underline, the buttons have a blue background, tooltip icons have a ...
- 1,223
1
vote
2
answers
147
views
How do I convince my boss that too many link colors are bad for accessibility?
I work at a really small company making websites for a specific clientele, an older female audience.
My boss, also the lead Art Director, uses lots of different colors for links across an entire ...
- 19
2
votes
2
answers
841
views
Is it OK to let the user use colored tags to associate data sets or keywords?
I am debating with my boss regarding whether tags should be coloured or not. I feel that colouring tags will just work as fun for the user. A user won't remember what colour he has assigned to a ...
2
votes
1
answer
76
views
Should variations of a color, within a color palette, only consist of tints and shades of that color?
I'm designing an IDE with dark UI. We have an existing color palette, but our (~10) greys seem off when applied to the IDE in the large quantities dark UI calls for.
When analysing each swatch, I ...
- 473
4
votes
2
answers
101
views
Statistics (or tools) on screen calibration & readability
Fairly straight forward question, but I could not find any answers to it. Are there any known statistics regarding screen calibration & readability?
Are there any colors to avoid where screen ...
- 1,020
6
votes
1
answer
2k
views
Is there an accessibility guideline for the contrast of a button color between a normal state and hover state?
I'm a designer with a typical, basic understanding of accessibility.
My question is that is there an accessibility rule for the color contrast of a button that is in a normal state vs when it is in a ...
- 81
1
vote
1
answer
342
views
File type icon colours
We're currently designing a new "Document Management" feature for our application, and I've come to the part where I need icons for the file types. I've gone down the route of doing something custom, ...
- 171
1
vote
3
answers
1k
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 ...
- 263
3
votes
1
answer
254
views
Is using different colors for internal and external links OK or what?
I'd like to use different colors for internal and external text links. Please tell me if you think this is a good or bad idea.
I'm considering CSS choices on a new site/web app which will contain ...
- 31
1
vote
1
answer
114
views
Color contrast too low, but element good visible
I am checking a software against the software ergonomic requirements of WCAG 2.1 Level AA. On part is the colour contrast, which must be for graphics 3.0:1. In the following graphic the orange part is ...
- 177
0
votes
1
answer
86
views
Highlight Color & Text Color [closed]
How do we avoid using the same highlight color as the text color?
For example: when you highlight a paragraph, the background color changes to draw attention to the paragraph, but what if the color ...
- 37
0
votes
1
answer
60
views
Objects in 3D space: color contrast against background [closed]
Is there a tool to help me pick proper colors for:
Objects
Background
in 3D space. Colors should have proper contrast.
UPDATE
A sample of my options for background color is:
Background color: #...
- 117
-1
votes
1
answer
231
views
Best color palette for a sober, elegant look and feel [closed]
I am building a web app whose target audience will be musicians in general but more specifically classical musicians. So in my limited, more accurately nonexistent, knowledge of user experience and ...
- 101
3
votes
4
answers
1k
views
If orange is hated by both men and women, why successful companies choose it? [closed]
Reading this site on choosing colors, saw this infographic, claiming orange is most hateful to both men and women.
My question is why companies like Amazon chose orange as their primary color if it ...
- 153