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
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 ...

1
2 3 4 5
9