For questions regarding Grayscale, a Bootstrap theme.
Questions tagged [grayscale]
890 questions
24
votes
3 answers
CSS filter grayscale image for IE 10
Is there a way to make grayscale image filter work on IE 10 without JavaScript or SVG?
I've been using the following code successfully in all browsers except IE 10.
img{
filter:url("data:image/svg+xml;utf8,
23
votes
6 answers
Convert grayscale value to RGB representation?
How can I convert a grayscale value (0-255) to an RGB value/representation?
It is for using in an SVG image, which doesn't seem to come with a grayscale support, only RGB...
Note: this is not RGB -> grayscale, which is already answered in another…
![](../../users/profiles/50899.webp)
Rabarberski
- 21,632
- 19
- 69
- 85
21
votes
2 answers
What grayscale conversion algorithm does OpenCV cvtColor() use?
When converting an image in OpenCV from color to grayscale, what conversion algorithm is used? I tried to look this up in the source code on GitHub, but I did not have any success.
The lightness method averages the most prominent and least prominent…
![](../../users/profiles/1980165.webp)
Steve
- 2,054
- 3
- 20
- 31
19
votes
2 answers
Is it possible to turn an entire webpage to grayscale using CSS?
I would like to turn an entire website to grayscale. Of course, I can manually edit the CSS and adjust every single color, background-color & co. property, and I can adjust every single image in Photoshop.
But is there an easier way, e.g. by using…
![](../../users/profiles/1333873.webp)
Golo Roden
- 112,924
- 78
- 260
- 376
17
votes
1 answer
Convert JPG image from grayscale to RGB using imagemagick
I am trying to convert gray scale images to RGB using the imagemagick command-line tools.
It is working fine for PNG images, using:
convert image.png -define png:color-type=2 result.png
(taken from an answer to "How to convert gray scale png image…
![](../../users/profiles/1793713.webp)
NotYanka
- 417
- 1
- 5
- 12
16
votes
2 answers
CSS filter grayscale not working in Firefox
I'm having troubles doing a transition from grayscale to colored, it works in chrome, but that is it.
Here is the HTML:
![](../../users/profiles/2453153.webp)
sunshinekitty
- 1,891
- 5
- 14
- 31
14
votes
3 answers
display two png images simultaneously using pylab
I want to open two png image files and display them side by side for visual comparison.
I have this code for opening one png file (which I got from unutbu on stackoverflow.com):
import numpy as np
import pylab
import matplotlib.cm as cm
import…
![](../../users/profiles/1211484.webp)
balibakbar
- 239
- 3
- 5
- 11
13
votes
2 answers
how to make smooth grayscale on hover using CSS
I have logo in my website, it is grayscaled on hover i want it to be colored smoothly. it is working but not smoothly. i am using CSS transition.
This is my code
![TT ltd logo](./img/tt-logo.png)