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
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 ...
1
vote
5answers
373 views
Black & White Web Design (UI/UX Wise)
One of my client(He has a SEO agency)need to design a website with blog. He want 100% black and white design. That means text, images everything are 100% black and white.
Is there any UI/UX research ...
3
votes
1answer
108 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 ...
6
votes
3answers
7k views
Grey versus white background for ease of use and readability/legibility
Many websites by default use a white background for maximum contrast (with black text) so I am wondering if there is a case for a very light grey background to be used instead because it comes up as ...
0
votes
1answer
39 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 ...
0
votes
2answers
130 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
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
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 ...
12
votes
1answer
2k views
Microsoft Visual Studio 11 - why would they use uppercase in UI?
Microsoft has been very transparent with their updates to Visual Studio 11. It includes a huge change to the UI design of the entire IDE, most notably colour themes, icons and capitlization.
In their ...
0
votes
2answers
71 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 ...
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 ...
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 ...
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, ...
70
votes
15answers
146k views
Why are Inverted Colors considered an accessibility feature?
Why is it that, in most operating systems, the "Inverted Colors" display setting is considered an accessibility feature? Both Windows and OS X include this option so it seems to be a ...
89
votes
13answers
33k views
Is there a problem with using black text on white backgrounds?
Why do a lot of websites use a text color other than #000000 black when the background is white?
For instance, this text will be displayed using a dark grey:
.post-text {
color: #333;
}
Have ...
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 ...
3
votes
2answers
341 views
Color picker for temperature/intensity adjustable light
I'm designing a color picker for intensity and color temperature on a lamp, where the user can adjust the intensity on the vertical axis and the color temperature on the horizontal axis.
Is this a ...
1
vote
1answer
219 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, ...
12
votes
6answers
78k views
Background colour suitable for both black and white text
On my web page I have light blue, white, gray, yellow-color texts on a black textured background. Colors that don't go with a black-color background are not visible. Can anyone suggest me a background ...
3
votes
2answers
85 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 ...
28
votes
2answers
16k views
Formula for color contrast between text and background
In my Android app a user can choose the color of an item. This color is then shown in background with a text on it. I want to display the text either in black or white - depending on the background ...
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 ...
-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
137 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
595 views
Why are word processors blue and spreadsheet programs green?
It's a trend across Microsoft Office, Google Drive, and LibreOffice: the iconography for the word processor is primarily blue, and the spreadsheet app green. Any specific reason for this, or just 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 ...
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 ...
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 ...
2
votes
3answers
4k views
Generic input and output colours
I'm developing a game which features various power creating devices, machines that require power and cables to link the two together. Because of a bug that caused the cables to drag power from the all ...
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 ...
11
votes
8answers
1k views
Alternative to color code in table cell
I am currently redesigning an LoB application that makes use of color coding in tables to 'categorize' each row of data.
For instance, in the picture above, the 'St' column (which stands for 'Status')...
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 ...
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 ...
283
votes
5answers
547k views
Dark or white color theme is better for the eyes? [duplicate]
What is better for the eyes, a dark color theme or a white color theme?
33
votes
3answers
64k views
How to find a color scheme that's also useful when printed in black and white?
I'm looking for a 5 color color-scheme that also useful when printed in black and white, respectively gray scale.
The colors should be easily distinguishable from each other.
How can i do that?
5
votes
1answer
742 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 ...
0
votes
2answers
100 views
Should sections (sidebars, etc.) have a distinct background colour?
Consider the following layout:
It's divided into four horizontal sections using borders, each with their own heading.
On the web and desktop, it's a common pattern to give sections a distinct ...
0
votes
4answers
429 views
Do we need to follow brand colors for data visualization?
I am working on a design language project for our product. I'm currently putting together a color palette for data visualization part of the app. Based on my research on colors for visualization and ...
1
vote
3answers
574 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 ...
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 ...
3
votes
4answers
2k views
Having two primary buttons
We are currently working on some email notifications. The email will notify you of something happening that requires your action. For example you are alerted that someone left a door opened when he ...
