Questions tagged [contrast]
Questions about the variation of colour and shape in visual elements, text and illustrations, to define difference/sameness.
74
questions
0
votes
0answers
51 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
1answer
39 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
0answers
32 views
GIMP: How to check if 2 images have the same contrast/brightness
I have two images showing a hand and a geometrical shape. I want to make sure that the brightness and contrast are the same (equal) inside the objects and if they are not to equalise them. The ...
0
votes
1answer
37 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
1answer
171 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
1answer
826 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
1answer
337 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
2answers
208 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
243 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
306 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
480 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
5k 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
3answers
510 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
58 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
4k 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
967 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
356 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
581 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
2k 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
68 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
110 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
160 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
478 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
207 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
5answers
5k 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
157 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
3answers
4k 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
523 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
927 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
292 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
482 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
370 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
1answer
6k 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
146 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
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
2answers
450 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
2answers
4k 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
282 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
246 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
7k 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
2answers
227 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
3k 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
821 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
197 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
4answers
759 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
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 ...
11
votes
5answers
11k 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
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 ...
0
votes
1answer
231 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
220 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. ...
