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
0 votes
1 answer
15 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
  • 103
1 vote
1 answer
93 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
  • 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 ...
UXerUIer's user avatar
  • 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?
Benzowin's user avatar
0 votes
1 answer
115 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
0 votes
2 answers
257 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
  • 27
18 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
302 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
  • 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 ...
Emmanuel Meric de Bellefon's user avatar
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 ...
Antistandard's user avatar
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. ...
Bassyirah ibrahim's user avatar
0 votes
2 answers
734 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
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 ...
Tom H's user avatar
  • 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 ...
Cătălin Rădoi's user avatar
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 ...
rbhat's user avatar
  • 177
0 votes
5 answers
504 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
  • 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 ...
Unknown User's user avatar
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 ...
dwiehoff's user avatar
0 votes
2 answers
98 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.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 ...
Sayaman's user avatar
  • 157
0 votes
1 answer
302 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
109 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
127 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
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 ...
user3561767's user avatar
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 ...
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
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 ...
Gigili's user avatar
  • 121
1 vote
3 answers
180 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
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+ ...
hefe's user avatar
  • 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 ...
theonlygusti's user avatar
  • 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 ...
Robert P's user avatar
  • 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 ...
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
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
Archimedes Trajano's user avatar
2 votes
1 answer
979 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
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 ...
Cristobal Lemoine's user avatar
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 ...
Tanay Khanna's user avatar
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 ...
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
367 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
292 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
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 ...
intnnn's user avatar
  • 653
0 votes
2 answers
519 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
  • 103
5 votes
3 answers
455 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 Anti-Semitic Hate's user avatar
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 ...
cervonwong's user avatar
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 ...
Runtime Terror's user avatar
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 ...
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
305 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

1
2 3 4 5
9