Skip to main content
OverflowAI is here! AI power for your Stack Overflow for Teams knowledge community. Learn more

Questions tagged [color]

the visual perceptual property corresponding in humans to the categories called red, green, blue and others

Filter by
Sorted by
Tagged with
1 vote
2 answers
99 views

Neutrals in web design and how to pick them

When designing a website/mobile you need to choose your neutrals. But I can't get my head around it. Sure I can move the color picker around but I'm trying to generate neutrals in a controlled, ...
PinkWhaleRider's user avatar
1 vote
2 answers
315 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 ...
Niklas's user avatar
  • 115
2 votes
1 answer
110 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, ...
JMS's user avatar
  • 123
2 votes
1 answer
174 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 ...
UXerUIer's user avatar
  • 5,485
1 vote
2 answers
67 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?
Benzowin's user avatar
1 vote
1 answer
277 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 ...
hayavuk's user avatar
  • 13
0 votes
2 answers
408 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?
Keano's user avatar
  • 71
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
1 vote
3 answers
669 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 ...
Keano's user avatar
  • 71
0 votes
1 answer
100 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 ...
Emmanuel Meric de Bellefon's user avatar
0 votes
1 answer
389 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 ...
Antistandard's user avatar
0 votes
1 answer
124 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. ...
Bassyirah ibrahim's user avatar
0 votes
2 answers
1k 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 ...
kitkatkarrot's user avatar
17 votes
6 answers
7k 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 ...
Tom H's user avatar
  • 291
0 votes
5 answers
922 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, ...
rbhat's user avatar
  • 187
1 vote
1 answer
78 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 ...
Unknown User's user avatar
0 votes
1 answer
209 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 ...
dwiehoff's user avatar
0 votes
2 answers
106 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 ...
Blue Ocean's user avatar
  • 10.7k
0 votes
1 answer
102 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 ...
Sayaman's user avatar
  • 157
0 votes
1 answer
409 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 ...
dwiehoff's user avatar
0 votes
1 answer
142 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 ...
mahan's user avatar
  • 121
0 votes
2 answers
164 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. ...
Tom's user avatar
  • 1
0 votes
1 answer
143 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 ...
user3561767's user avatar
0 votes
2 answers
52 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 ...
user3872094's user avatar
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 ...
AtomicJohnson's user avatar
2 votes
1 answer
146 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 ...
Gigili's user avatar
  • 121
1 vote
3 answers
190 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 ...
SystematicFrank's user avatar
7 votes
4 answers
344 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+ ...
hefe's user avatar
  • 171
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
5 votes
2 answers
666 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 ...
Robert P's user avatar
  • 153
2 votes
1 answer
120 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 ...
user1034912's user avatar
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 ...
JS4137's user avatar
  • 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 ...
David's user avatar
  • 25
-1 votes
1 answer
71 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
Archimedes Trajano's user avatar
2 votes
1 answer
1k 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 ...
Toothpick Anemone's user avatar
6 votes
1 answer
219 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 ...
Tanay Khanna's user avatar
0 votes
1 answer
114 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 ...
Oliver's user avatar
  • 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 ...
mintpandapl's user avatar
0 votes
2 answers
456 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 ...
user2627082's user avatar
4 votes
2 answers
394 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, ...
Christophe's user avatar
10 votes
3 answers
5k 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 ...
intnnn's user avatar
  • 653
0 votes
2 answers
604 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 ...
Joseph's user avatar
  • 133
6 votes
3 answers
536 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 ...
End Antisemitic Hate's user avatar
0 votes
1 answer
284 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 ...
cervonwong's user avatar
4 votes
2 answers
289 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 ...
Runtime Terror's user avatar
0 votes
1 answer
94 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 ...
Charles Averill's user avatar
-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.....
Vrian7's user avatar
  • 99
1 vote
3 answers
393 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 ...
Joe Booth's user avatar
  • 111
2 votes
1 answer
354 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 ...
collimarco's user avatar
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 ...
thesilican's user avatar

1
2 3 4 5
9