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
22 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 ...
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. ...
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 ...
10 votes
2 answers
3k views

Grey font on websites - some so pale they are difficult to read. What is today's design brief on font colour?

What is the design standard for font colour on websites? I am finding the use of pale grey makes some of the text extremely difficult to read. Surely readability should also extend to being able to ...
2 votes
3 answers
931 views

Is it OK to let the user use colored tags to associate data sets or keywords?

I am debating with my boss regarding whether 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 ...
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 ...
4 votes
2 answers
146 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 ...
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 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, ...
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. ...
35 votes
3 answers
76k 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?
1 vote
2 answers
142 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
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 ...
-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
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 ...
4 votes
3 answers
502 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
3 answers
5k views

Group rows in a table

It is very common to see tables on web applications nowadays but is not that simple to see tables with groups of rows. I have a table which can have multiple groups of rows. Each group can have from ...
0 votes
2 answers
259 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?
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 ...
2 votes
4 answers
3k 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
3 answers
303 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 ...
8 votes
4 answers
4k views

Why do TV infomercials use such cheap, jarring, garish graphic design?

When you see a TV infomercial, they always use the jarring contrast of a big yellow font on a blue background, with a small viewport of video displaying the product. Does anyone know if there is a ...
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 ...
7 votes
6 answers
6k views

Easiest to read fonts

Has there been studies to determine what fonts make it easiest to read? I'm interested in the font type, but also size and color. For example, is dark gray better than pitch black? Also of interest ...
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 ...
4 votes
1 answer
3k views

Spreadsheet Cell Color Conventions

Is there some convention for coloring certain spreadsheet cells with certain colors to indicate the meaning/type of cell? Excel provides the following. Is that an Excel thing or a broader color ...
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 ...
0 votes
2 answers
737 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 ...
44 votes
8 answers
39k views

Should hyperlinks be blue?

I've built a site where all hyperlinks have the default colors: blue for links, purple for visited links. They turn red on hover. I believe that always using blue for hyperlinks is a good thing, so ...
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 ...
69 votes
16 answers
156k 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 ...
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 ...
0 votes
5 answers
510 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, ...
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 ...
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 ...
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 ...
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 ...
18 votes
6 answers
111k views

Colours for project status

Given that a project can be not yet started active active, but paused completed What are good colours to help me represent those states (as augmentation, only, to text) ?
5 votes
2 answers
2k views

Contrast ratio for button background color?

I am working with making a website WCAG II compliant. The designers are asking to use yellow buttons (specifically, #fcdb31) with blue text on top of them on white backgrounds. While the blue type on ...
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 ...
4 votes
3 answers
3k views

Alternatives for red/green in diff output

I once read an article arguing that red and green are bad choices for diff, because some people have red-green color blindness red implies "bad" and green implies "good", but deleted code is often ...
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 ...
256 votes
16 answers
103k views

Why do people not notice our enormous, prominent, clear and contrasting purple banner?

I'm part of a MediaWiki site called D&D Wiki. Among others, one of our longstanding issues in the public eye was our failure to label clearly enough that certain pages are categorised 'Homebrew', ...
4 votes
1 answer
2k views

How does Windows 7 Aero taskbar determine button hover-state background colour [closed]

This has intrigued me for quite some time. Does anyone know the algorithm Windows 7 Aero uses to determine the colour to use as the mouse-tracking hover highlight on taskbar buttons for currently-...
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 ...
7 votes
3 answers
4k views

Changing a White Background to...?

I am in the process of creating a website. Currently the website has a solid white background with black text. However, on different monitors the white background can be blinding bright. I have ...
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 ...
5 votes
3 answers
471 views

Do colour differences which also carry major brightness differences fail WCAG 2.0 SC 1.4.1: Use of Color?

I've run into a conundrum with WCAG 2.0 Success Criteria 1.4.1: Use of Color whilst assessing an internal project for WCAG Level AA compliance. Among my assessment, I'm assessing controls that provide ...
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 ...
94 votes
13 answers
36k 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 ...

1
2 3 4 5
9