Questions tagged [color]
the visual perceptual property corresponding in humans to the categories called red, green, blue and others
413
questions
0
votes
1answer
17 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
1answer
30 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
0answers
12 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 ...
3
votes
1answer
109 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 ...
0
votes
1answer
41 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 ...
3
votes
1answer
91 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 ...
0
votes
0answers
20 views
Showing a thin line over an entity: how to adjust color contrast
I have to show a thin line over some 3D entities of blue and green color. Currently, my line has a light green color as shown in the screenshots. I'm trying to achieve an acceptable color contrast to ...
0
votes
2answers
73 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
2answers
102 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, ...
10
votes
3answers
2k 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 ...
0
votes
2answers
131 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 ...
3
votes
2answers
87 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
1answer
58 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 ...
4
votes
2answers
235 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 ...
0
votes
1answer
29 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 ...
-1
votes
1answer
55 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.....
1
vote
3answers
109 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 ...
2
votes
1answer
111 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 ...
18
votes
2answers
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 ...
1
vote
1answer
138 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 ...
29
votes
7answers
7k 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
2answers
117 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 ...
1
vote
1answer
30 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 ...
2
votes
1answer
49 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
vote
2answers
136 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 ...
2
votes
1answer
793 views
Is it OK to let the user use colored tags to associate data sets or keywords
I am debating with my boss regarding 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 particular ...
2
votes
1answer
69 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 ...
3
votes
1answer
74 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 ...
5
votes
1answer
744 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 ...
1
vote
1answer
220 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, ...
1
vote
3answers
578 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 ...
3
votes
1answer
138 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 ...
1
vote
1answer
103 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 ...
0
votes
1answer
73 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 ...
0
votes
1answer
41 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: #...
-1
votes
1answer
159 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 ...
3
votes
4answers
691 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 ...
1
vote
1answer
105 views
Is it ok to mix black with other bright colors in the UI?
I'm a UI developer at a small organization.
I've been developing an application and I chose orange, black and white as the predominant colors in the palette. You can see the attached image to get an ...
4
votes
2answers
202 views
How to visually encode something “real/actual” vs “ideal/expected”?
In a data visualization, I need to show two lines: one representing an actual, observed value (in the example below: red), and one representing a norm, or what this value should be in an ideal case (...
1
vote
3answers
70 views
Raising attention for primary button in competition to the header
I am searching for some help with our primary color. We are using blue as the primary color and placed it into the header to support the brand's identity.
On the other hand, blue is also our primary ...
1
vote
2answers
174 views
Why green on green bar paper?
One of the biggest business application my company builds uses green and white as the alternating background color in tables. This is due to the green bar paper used in former decades with line ...
1
vote
0answers
55 views
why are outgoing text message bubbles colorful? [duplicate]
Why are speech bubbles either blue or green for outgoing messages and not for incoming messages?
For example, in whatsapp, the outgoing messages are green. In iMessage, they are blue. I don't think ...
32
votes
10answers
9k views
What is the color associated with lukewarm?
I'm designing a web application that crowdsources user response to another user's initiative (or project idea). The overall user response to the initiative is represented using a status component with ...
34
votes
11answers
13k views
What is the color of artificial intelligence? [closed]
What is the color of artificial intelligence, or the color which represents AI in the eyes of general public?
What is the reason for that? Is there any sociological research on this or related topics?...
2
votes
2answers
1k views
Why define opaque color as partially transparent?
Some UX designers on my team feel we should define all of our colours as transparent even when they are used as opaque. I'm trying to understand the pros and cons of this choice.
For example, rgb(...
4
votes
1answer
339 views
Do red “destructive” buttons hurt accessibility?
My organization currently uses red buttons for destructive actions, e.g. Delete A or Revoke X.
I'm wondering if this hurts accessibility, given that our primary CTA buttons are blue and our secondary ...
0
votes
1answer
132 views
Why most vehicle apps user orange / red color as their theme?
I was going through multiple car/bike apps across the world and there was striking similarity that most of them use a shade of either red or orange. I wanted to understand the psychological motive ...
1
vote
1answer
100 views
Website with different coloured navigation per product page
I have a client asking me to change the navigation colour scheme on a website design im doing to match the individual products.
Personally I think its:
a bad idea
it wont work with their ...
1
vote
3answers
177 views
Correct way to show that software is connected to an instrument?
Let me start by saying that I am a software developer, not a ui/ux designer at all, but in my company I need to cover this role too.
I am developing a desktop software that manages some particular ...
0
votes
1answer
77 views
Reusable named colors list to use across all mobile apps?
I'm trying to define a (map? / protocol?) for the mobile apps colors between the mobile developer (I represent) and the UI designer, to easily use it in our apps and to achieve consistency among all ...
