Questions tagged [grayscale]

For questions regarding Grayscale, a Bootstrap theme.

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,
Wissam Abyad
  • 243
  • 1
  • 2
  • 4
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…
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…
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…
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…
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:

Title -…

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…
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