People who code: we want your input. Take the Survey

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
1
vote
2answers
50 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 ...
2
votes
2answers
806 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 ...
0
votes
2answers
175 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 ...
16
votes
6answers
63k 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) ?
0
votes
1answer
39 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 ...
0
votes
1answer
23 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
38 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
75 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
393 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
111 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 ...
7
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
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
95 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 ...
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
86 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
21 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 ...
4
votes
2answers
105 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
147k 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 ...
90
votes
13answers
34k 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
343 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
242 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
79k 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
93 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
64 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
57 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
110 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
117 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
171 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
8k 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
618 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
137 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
157 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
127 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
31 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 ...
284
votes
5answers
551k 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
65k 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
824 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
102 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
444 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
644 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 ...

1
2 3 4 5
9