Questions tagged [contrast]
Questions about the variation of colour and shape in visual elements, text and illustrations, to define difference/sameness.
76
questions
0
votes
0
answers
35
views
Why are different colour contrast analysers providing different results for WCAG contrast?
My designer colleague just brought to my attention that he has different results for contrast from different tools. How is that possible?
He did the comparison for a ~Portage color #9E83F5 with white ...
4
votes
3
answers
1k
views
What are good reasons to reduce contrast?
Background information:
Hi. I'm in discussion with our marketing regarding a picture. Since I found a typo, they need to redo the image anyways, so I have some additional feedback for them.
The ...
1
vote
2
answers
232
views
How to find a maximum set of well separated color-gradients black-to-color?
I have a question similar to, but hopefully sufficiently different from, this question here: 'Where can I find a large palette / set of contrasting colors for coloring many datasets on a plot?'
I have ...
0
votes
0
answers
109
views
How do I find multiple variation of same color which are visually contrasting
I am developing some kind of heatmap for a stock market-related project which has ~80 large to small boxes on the screen to denote a stock and it's change
I use a red background on box to denote loss, ...
2
votes
1
answer
151
views
Selectively changing brightness and contrast in GIMP
Thank you very much for answering my previous question. That taught me a number of new techniques, and did a very good job of removing the orange stain and preserving the sepia tone. Now I have ...
0
votes
1
answer
97
views
WCAG Compliance - Does Acceptable Contrast Apply Only to Text? Or Icons and Other Graphics as Well?
I am completely new to WCAG compliance and I have several questions.
I.e. say that you’re using the tool Color-pair Contrast Testing
to check the contrast of background and foreground color. Your ...
0
votes
1
answer
292
views
How to use WCAG requirements for logo text contrast in interface? [closed]
Please, help!! I've read rules from WCAG (Accessibility Guidelines) for using logo text contrast in the interface. The rule 1.4.3 https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-...
0
votes
1
answer
2k
views
How can I apply the exact same filter to multiple photos like this account?
I have multiple photos and I want to be consistent in their appearance like the attached photo. I am new and haven't been able to figure it out yet.
1
vote
1
answer
457
views
Inkscape for cartography : automatic fore color of texts for maximum contrast over background
I have again a series of cities names on a map. I have a solution to fill a background rectangle that can be semi transparent to make the text always visible, great.
What I want to do now is ...
2
votes
3
answers
345
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
2
answers
256
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
1
answer
370
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
2
answers
705
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
1
answer
6k
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 ...
6
votes
3
answers
566
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
2
answers
72
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
1
answer
5k
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 ...
2
votes
1
answer
1k
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 ...
4
votes
2
answers
483
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
2
answers
645
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
3
answers
3k
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
1
answer
71
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
1
answer
122
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
2
answers
180
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
2
answers
604
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
0
answers
218
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 ...
2
votes
5
answers
8k
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
0
answers
167
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 ...
9
votes
3
answers
5k
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
3
answers
578
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
3
answers
1k
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
0
answers
311
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
2
answers
536
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
3
answers
479
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 ...
5
votes
1
answer
8k
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
2
answers
149
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
1
answer
2k
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
2
answers
459
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 ...
3
votes
2
answers
6k
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
1
answer
295
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
1
answer
250
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
3
answers
8k
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 ...
4
votes
2
answers
277
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
2
answers
4k
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
2
answers
919
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 ...
4
votes
1
answer
236
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 ...
7
votes
4
answers
797
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
1
answer
2k
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 ...
12
votes
5
answers
12k
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
2
answers
2k
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 ...