Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [contrast]

Questions about the variation of colour and shape in visual elements, text and illustrations, to define difference/sameness.

2
votes
2answers
78 views

Having trouble with contrast ratios

I’ve been doing some work on trying to figure out some color themes for light and dark modes for a UI (aren't we all these days?). Basically, given a particular light theme how might we determine the “...
4
votes
2answers
148 views

Spending too much time on “design rules”

I'm a web developer however I've recently discovered my passion for design. I'm currently working on a landing page for a client of mine (model/actor). I have all the content on the page and created ...
0
votes
1answer
51 views

Color doesn't have enough contrast with either white (#FFFFFF) & black (#000000)

In android studio (official application for android programming) I have created a color I want as my primary color. However the application (Android Studio) complains that my color doesn't have enough ...
2
votes
2answers
178 views

Which fonts profit from double line spacing?

When writing academic papers, whether the paper is to be read on screen or in print, a font size of 10 to 12 pt at double line spacing is a common request. When printed, white copy paper (A4 or US ...
5
votes
1answer
2k views

How do I make objects and text stand out over a busy photo background?

I frequently have to place objects and text on photo backgrounds and some backgrounds make it hard to see the objects. To get good contrast I will try to pick a background image that has large flat ...
5
votes
2answers
270 views

Does using shades of off-grey for text improve legibility compared to pure grey?

Most sites use some shade of grey for the color of their text. I was reading an article which suggested using a grey (#373d3f) with the rgb values of (55, 61, 63). My question is whether doing ...
1
vote
2answers
51 views

Name of the contrasting text effect

I'm looking for a name for the effect when there's a layer over another layer so that one of them always adjusts so that it has always the opposite shade of spectrum. So I want a title to look black ...
2
votes
1answer
1k views

Select difference between layers in Photoshop CC [duplicate]

I am working with Photoshop CC 2017. I'm trying to create an Action Sequence picture. So the photos I'll use as example are of a biker performing a jump: But since one of the "bikers" is fully in ...
1
vote
1answer
588 views

Given a white background, and black or grey text, is there a formula to find a link color with good contrast?

The WCAG guidelines set the following requirements for text/link/background contrast: A 4.5:1 contrast between the non-link text color and the background. A 4.5:1 contrast between the link text color ...
3
votes
1answer
177 views

Why is the W3C contrast score recommending hard-to-read text?

Here are two buttons. When I measure them with the W3C contrast score, the black text has a much better score, meaning it should be easier to read. But, to my eyes, the button with white text is ...
2
votes
2answers
416 views

How would one create a high contrast, grainy look in Photoshop?

I was wondering if any kind souls out there might help me with recreating something similar to the effects on the images below: I've already noted the interlace-like overlay. But I wonder how one ...
6
votes
3answers
1k views

How can I increase the contrast in a color image converted to grayscale?

The original image is: And the black white version becomes: As you can see, the cyan colored cells disappear in the black & white version. How can I modify the original image so that the ...
0
votes
1answer
61 views

Contrast color suggestions needed

I have an element in each of the three different rows indicating their intital state. I need color suggestions for change in state of this element (as indicated in the image below). I have already ...
2
votes
1answer
84 views

How To Estimate Brightness-Contrast Value of Gray Figure?

Situation: I have gray figures, figure A and figure B, where figure B is wider than figure A; Figure B is very light although from the same situation but with little more perspective/view/data in it; ...
0
votes
2answers
136 views

Easy and fast first steps to substantially enhance pictures [closed]

This question is meant to serve as a basis for (possibly) some follow-up questions. I will not be asking about any specific, just general methods of what to do rather than how to do it. A friend of ...
0
votes
2answers
216 views

Which color can be used with the top bar so to get a better contrast?

I have this mobile app design. I am not able to decide what color to use for the top bar so that it gives a good contrast but doesn't make the design look odd or weird. I am currently using #212121 ...
0
votes
0answers
162 views

How do I find a light on dark font?

I'm working on building a sea trading game, with a number of ports that you visit. Right now I am in the very early stages of making the game, using very primitive graphics. Today, I assigned names to ...
3
votes
3answers
1k views

What is the lightest shade of grey you can use for a background colour that is still discernible from plain white?

I am advocating for the use of a grey background instead of the traditional white background colour for a couple of reasons (mainly to do with reducing the glare from reading on certain devices and ...
1
vote
0answers
129 views

Are there contrasting onion skin colors that you use?

I'm working on an app and I have two images. One is the reference image and the other is the image produced in production (it's the layout created in HTML if you must know). To make sure that my ...
10
votes
3answers
2k views

How to find four equally contrasting colours that are appealing to the eye?

I have a plot for a scientific argument I'm trying to make. There are four colours that should be (roughly) equally contrasting with two others. ie, if the colours are A-D, then A and B should be ...
0
votes
3answers
334 views

Add contrast with threshold in Photoshop, possible?

I'm adding a lot of contrast to some images in PS (+100), but I'd like to keep the dark areas, like that, because otherwise they get all black and I lose the details. Is it possible to do something ...
1
vote
3answers
398 views

Is there a way of making text that is unreadable at high brightness but becomes readable as brightness is reduced?

I am looking for a way of displaying text that is unreadable at high brightness but becomes readable as brightness is reduced on a screen/monitor. Any clues? Thanks
0
votes
0answers
203 views

font stroke contrast is rendering badly in browser

I'm using Tahoma font in my site. I'm using all the css settings like text-rendering -webkit-font-smoothing to ensure that my font renders properly in browsers. The only thing is the stroke contrast ...
0
votes
2answers
350 views

Colour High Contrast effect [duplicate]

I've spent ages so far fiddling with adjustments and filters in the hope that I can recreate the effect shown in this picture. I've tried posterising other similar effects, but I want to keep the ...
1
vote
3answers
226 views

How to lower the details of a line-art illustration?

Not too sure about the vocabulary but here is the bicolor icon I am referring to. This final result should then be used for laser engraving, at roughly 4cm in size, so I need something simpler. I'm ...
2
votes
1answer
3k views

How to select a font color to go on a very busy background? [duplicate]

I'm a developer and don't have much design experience. I'm creating a landing page for a project I'm working on. I want to use the below image as the background for my landing page. As you can see ...
0
votes
2answers
143 views

How can I emphasize the hexagons in this illustration for my thesis?

In the figure below, I want to draw attention to the (irregular) hexagons formed by the boundary and some of the interior segments. Currently, they are lightly shaded grey, but I think they don't ...
0
votes
1answer
1k views

How to adjust contrast on multiple images?

I'm using PS6 and I'd like to adjust contrast on multiple opened files. I've found so far only this tutorial, however I couldn't find the appropriate option to adjust the contrast. This suggest me ...
1
vote
2answers
327 views

How to change ( invert ) color on a high quality photo of a product?

There is a black leather with a yellow thread and my client wants me to change it to a medium gray leather with black thread ? I ve tried many ways but the naturals shadows on the leather where is it ...
1
vote
2answers
2k views

Choosing a good highlight color for dark background

I'm working on a dark design which is composed on a list with alternated row colors ( #252425 and #121314 ) and I use different colors for the text on it ( #85bb23, #6F6A6F, #FFFFFF, #C50005, #2AAADB )...
1
vote
1answer
272 views

Styling/Layout advice on an Isotope/Masonry website

I am experimenting with a masonry layout web site bringing niche news and cultural information on East Asia to a Western audience. I have chosen a masonry layout for the homepage because the site will ...
4
votes
1answer
220 views

How to visually represent a color contrast issue to a person with normal color vision?

I have two colors — #FFFFFF and #009688. I want to simulate graphically how it will appear to a person with color blindness issues so that I can present it to a person with normal vision and explain ...
1
vote
3answers
5k views

Any problems with light text on dark background?

My high school journalism teacher always said putting light text on a dark background is hard on readers' eyes and is a bad thing to do. But in my experience making spreads, there are many instances ...
3
votes
2answers
150 views

How to create an 16× error/difference image using GIMP or Photoshop

I need to create a quality comparison between two rendering methods by showing the difference of the results akin to figure 6 in [Walter et al. 2005] (p. 5): (Image copyright by Walter et al. 2005). ...
5
votes
2answers
2k views

Best Grayscale method for checking contrast?

While designing art assets in Photoshop, I've always tried to use the Grayscale method for checking the contrast levels. Unfortunately, different articles/sources recommend different methods of ...
1
vote
2answers
612 views

Color combination suggestions for medium contrast background

I am developing UI for iPhone App, and in the navigation bar I used this grey color. My requriment is to use font colors which catch the eye. I tried blue but on iPhone the theme is transparent, so ...
3
votes
1answer
131 views

How to compensate for perceived color differences do to simultaneous contrast?

Is there a formulaic system to adjust the color of the text on the black background below to compensate for simultaneous contrast and make it be perceived as the same color a the text on the white ...
6
votes
4answers
617 views

How do I find a range of colors (ex. different blues) that will contrast well with another range of colors (ex. reds, yellows etc)?

I've searched online; I've used numerous color web apps; I've even spoken with my graphic designer - but I still don't have a solution for this. What I want to do is come up with a color guide or ...
10
votes
1answer
1k views

What should a designer consider when laying out print materials for elderly audiences?

I'm in the process of doing layout for a trifold aimed at the elderly population in my town, and I'm looking for some recommendations from folks who have experience laying similar materials out for a ...
11
votes
5answers
7k views

Light text on a dark background vs. dark text on a light background: which allows the reader to keep focusing for longer?

I did not want to get to the endless war of dark-on-light vs light-on-dark, but recently I discovered something interesting: while light-on-dark text is still less tiring for my eyes (and I also ...
2
votes
2answers
1k views

Quickly correct mismatched tone or color between stitched and merged layers in PS?

Imagine you have a panorama photo, stitched together from multiple pics, and it's already been merged into one JPEG. Each pic had a slightly different brightness/color/tone. So you can see obvious ...
0
votes
1answer
205 views

Critique and redesign: Change template for a philosophical website

Please help me in designing the review and critique of this page I am a programmer, and a designer gave me an image of a webpage. I made it and everything is OK, but I don't like this template's ...
0
votes
1answer
213 views

Is having a grayer background a bad thing?

With F9F9F9 background: Original: I thought my blog looked a little bit boring with a plain old white background, so I tried it with #F9F9F9 and #FCFCFC. I'm not really sure whether I like it. ...
2
votes
3answers
516 views

Critique: Can you provide constructive feedback for my monochrome website design?

I am a programmer, design is not my forte. I attempted to create a design and am stuck on where to continue to with colors, location of pieces, text choice etc. Here is the website so far: Design (...
-2
votes
3answers
427 views

Why is this blurred images not working as a background?

How can I get the picture in the background and add a blur to it so it looks like the example ones? I have tested blur in one of my designs, and it's looks bad x) I wonder if it's the color of the ...
4
votes
1answer
3k views

How to determine exact contrast ratio

Because of the recent Web accessibility Law in my region, I need to ensure I'm designing with an appropriate contrast ratio. WCAG says the value of this ratio is 4.5:1 http://www.w3.org/TR/...
2
votes
3answers
18 views

How can i add contrasted lines from a layer to another?

Hi i have this layer : And this layer : And what i want to do is add those black lines to the red layer but i dont want the white parts , how can i do this ?
1
vote
2answers
146 views

Text colours on dark and light

I'm trying to create a set of 6 text colours that are to be used on both white and dark purple (42185D) backgrounds (on a web page), and still meet accessibility standards (AA). Are there any tools or ...
5
votes
2answers
647 views

Quotable reference to support my assertion that black text on a grey background is not a “highlight”

I need some graphic design advice on finding a quotable piece of information regarding the use of "highlighting" text on signage, which I hope you can help me with. I'm in a dispute with my local ...
2
votes
1answer
167 views

How to calculate how much contrast you need in a header if the focus is on content?

I am redesigning a dental blog. So the focus is obviously content, they can read related news, download technical documents, watch videos, etc. So I wanted the design to be subtle. But the header I ...