Questions tagged [color]
the visual perceptual property corresponding in humans to the categories called red, green, blue and others
447
questions
0
votes
2
answers
36
views
HTML input of type color has no empty state
The HTML input of type color has no empty state. Therefore it always shows a selected color. What would be the best way to convey to the user that they have to select a color.
I restyled the color ...
- 105
1
vote
1
answer
94
views
How can I make dropdowns more tied to the graphs that they control?
(question copied from https://graphicdesign.stackexchange.com/questions/162197/need-help-with-a-color-coded-design since commenter there suggested this is the appropriate forum)
I am but a simple BA, ...
- 13
1
vote
1
answer
101
views
WCAG' Non-text contrast requirements, what exactly are the guidelines with hover?
WCAG does a weird job of explaining their non-text contrast requirements with hover states.
Within their "Understanding non-text contrast" documentation, they have this bizarre example:
As ...
- 5,435
0
votes
2
answers
57
views
How to best showcase selected state of visually important elements
I'm creating a feature to select profile badge – how might I best showcase the selected state?
- 1
0
votes
1
answer
116
views
Color contrast and hover state [a11y]
When multiple pieces of information of different importance are presented within a same piece of UI (e.g., table row, list item), some designers prefer to have the "secondary" or "less ...
- 3
0
votes
2
answers
260
views
When to use primary or secondary buttons?
Trying to understand when to use a secondary button color on home page? I know to use it on save or cancel etc. But when on home sections?
- 27
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 ...
1
vote
3
answers
306
views
Accessibility question. Company has secondary brand color (orange) that doesn't pass any requirements. Only option change color?
The company I work for uses dark blue as the main primary color and orange as the secondary color. They have used it for years. It doesn't pass any accessibility requirements. We can't go darker since ...
- 27
0
votes
1
answer
89
views
Representation of transparent color in a color picker without confusion with white color
I have a color picker to choose the background color of a rectangle in a Figma-like editor.
One of the colors is white rgba(255,255,255,1), and another one is transparent rgba(0,0,0,0).
On the image ...
0
votes
1
answer
145
views
Creating a Dark Mode
A lot of my colleagues work in quite large companies and have created some very robust and large Design Systems, however, they always say that they haven't quite determined the Dark Theme color ...
0
votes
1
answer
84
views
Color for Completed Stage Icon
Currently I'm designing a web where there is a progress bar. It have 3 stage. When stage 1 is completed, the icon will change to green, the remaining icon for stage 2 and 3 will remain grey-ish color.
...
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 ...
17
votes
6
answers
6k
views
Our brand (and design system)'s primary colour is green: how should we indicate success?
Our brand's primary colour is green, and so we've been using it for a while as the primary colour for our design system (clickable buttons, elements, etc. as shown here):
Now I've just realised that ...
- 291
0
votes
0
answers
36
views
"X Module is disabled" toast color - red or yellow
So I have a widget that displays some info.
In some cases - you should be able to click on it and it redirects you to the X Module
In other cases - the X Module is disabled and when the user clicks on ...
- 101
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
0
votes
5
answers
516
views
Why don't most mobile apps use color in their interfaces?
We've been developing a mobile app, and now we're researching the perfect colors for it.
I've noticed that most mobile retail/list apps use white and gray as their normal GUI colors. For example, ...
- 177
1
vote
1
answer
69
views
Deciphering Lightness in Color Theory
I’m working on a UI right now and there is again something related to color that I’m struggling with: The perceived lightness/value of color in a UI.
It's possible to create hierarchy by using color ...
- 111
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 ...
- 11
0
votes
2
answers
99
views
Usage of colours differentiate urgency and nature for vital readings
Designing for a monitoring dashboard that alerts the safety officer if the following incidents that might occur to workers onsite.
high heart rate
low heart rate
high environmental temp (may cause
...
- 10.6k
0
votes
1
answer
67
views
Does Material guidelines say anything about text color in warning modals?
Does Material guidelines say anything about text color in warning modals?
I was told by my project manager to put the text inside a warning modal in red, but I think it looks ugly. I tried to find ...
- 157
0
votes
1
answer
303
views
How do you decide when to make elements darker or lighter on hover?
Looking at Slack by example, the following happens:
Buttons in the top navigation bar become lighter, so does the search bar
The button to open the workspace menu becomes darker, same for hovering ...
- 11
0
votes
1
answer
111
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
128
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
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 ...
- 31
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 ...
- 101
1
vote
2
answers
1k
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 ...
2
votes
1
answer
141
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 ...
- 121
1
vote
3
answers
181
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
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+ ...
- 171
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
5
votes
2
answers
618
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 ...
- 153
2
votes
1
answer
116
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
7k
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
115
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
-1
votes
1
answer
70
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
2
votes
1
answer
993
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 ...
0
votes
0
answers
21
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
208
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
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 ...
- 101
4
votes
1
answer
2k
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
371
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
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, ...
- 165
10
votes
3
answers
4k
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 ...
- 653
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 ...
- 103
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 ...
0
votes
1
answer
236
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
285
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
90
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
61
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
306
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