The world wide web in black and white

http://www.unclrd.com/

by jacquesknie • 14 years ago

47 44 14 years ago

unclrd.com

skreech• 14 years ago

Is this a conspiracy of the color blind to level the playing field?

dbaupp• 14 years ago

As far as conspiracies go, it's not very good: a browser extension that you are perfectly free to not install.

hayksaakian• 14 years ago

On a related note, an extension that modifies colors to be colorblind friendly may actually be useful.

Stratoscope• 14 years ago

I wonder if the Daltonize! extension for Chrome would be something like that?

https://chrome.google.com/webstore/detail/chrome-daltonize/e...

cstuder• 14 years ago

Not exactly what you were asking, but you can check your software/webpage/publications with a tool like Color Oracle. It simulates different types of color blindness on your computer screen.

http://colororacle.org/

GuiA• 14 years ago

Adding to the list of suggestions by other commenters, Sim Daltonism: http://michelf.ca/projects/sim-daltonism/

I remember using it for a university project in 2007, in which we had to build a movie lookup website from scratch. I used Sim Daltonism to design 3 alternative CSS that would cater to the needs of people with different types of colorblindness (there's not just one type, although deuteranomaly (red/green colorblindness) is the most widespread).

The teacher thought it was superfluous and took points off. sigh :)

Hopka• 14 years ago

You still have some lorem ipsum text on the bottom of your front page.

bwm• 14 years ago

It's incredibly simple: document.documentElement.style.webkitFilter='grayscale(1)'

PanMan• 14 years ago

Really useful: That also works in a bookmarklet!

padolsey• 14 years ago

It's amazing how something so seemingly minor can make such a huge difference. I feel like I'm traversing the web of yesteryear (true yesteryear, not the animated gif'd web of 1997). Thanks for the link OP! One critique: The desaturation occurs a noticeable ~300ms after the page starts displaying, which means I always get a brief flash of colour.

lukeholder• 14 years ago

apart from that flash of color, I am really enjoying it also. It is almost calming, and allows me to focus on content much more easily - very similarly to the way readability or instapaper do without the need to switch contexts.

judofyr• 14 years ago

You can avoid the flash by adding this into the Custom.css:

    html {
      -webkit-filter: grayscale(100%); 
    }

On Mac it's in ~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css.

jontro• 14 years ago

On windows it's located in: %LOCALAPPDATA%\Google\Chrome\User Data\Default\User StyleSheets\Custom.css

TranceMan• 14 years ago

As part of the LinkedIn design process, mock ups are made of new layouts in black and white.

This forces people to test and comment on the functionality rather than simple aesthetics.

duiker101• 14 years ago

This seems actually a nice idea. Thanks for sharing.

malandrew• 14 years ago

It actually forces something even more fundamental. In the HSV colorspace, a black and white image has no hue or saturation, only value. Since value is the main contributor to contrast it is the color dimension that contributes most to usability, comprehension and attention.

Maci• 14 years ago

Who needs plugins.

MacOS X > System Preferences > Universal Access

- Seeing -

Display: [x] Use grayscale

motdiem• 14 years ago

Thanks - this strangely makes using the computer a more soothing experience. Tried it for a few minutes, when I turned the color back on, it seemed suddenly very loud.

navs• 14 years ago

I don't know. I have trouble reading text on these white backgrounds. More now than ever before.

This might be the dumbest question but is there a system performance benefit in using grayscale?

mojuba2• 14 years ago

Thanks, that's an interesting incentive to return to the real world for colours more often ;)

ilija139• 14 years ago

It's even better with "white on black" option.

__del__• 14 years ago

Who needs a computer?

Cheapo Samsung TFT > Menu > Color > Color Effect > Grayscale

CrankyPants• 14 years ago

What he said. Been doing this for a while.

gearoidoc• 14 years ago

A great addon but I don't like the flicker from color to BW on page load.

PostOnce2• 14 years ago

https://chrome.google.com/webstore/detail/high-contrast/djcf...

Google's official high contrast accessibility plugin has a greyscale option, and no flicker on page load.

PostOnce2• 14 years ago

I had to go look at http://www.colourlovers.com/ ...

mojuba2• 14 years ago

... and suddenly many beautiful landscapes started looking like Ansel Adams

ojii• 14 years ago

It would be better if it grayscaled the favicons too. They look like out of place splashes of color in the browser now.

trotsky• 14 years ago

It seems to blur all my fonts a decent bit on os x with a hidpi display in a way that doesn't happen with accessibility. sub-pixel rendering issue?

capex• 14 years ago

Combine this with F.lux, which adapts your display according to the time of day (at night you'll find your monitor quite pleasant to look at). http://stereopsis.com/flux/

jere2• 14 years ago

F.lux changes the "color temperature" only, so I imagine there would be no perceptible difference when dealing in greyscale.

hollerith2• 14 years ago

>I imagine there would be no perceptible difference when dealing in greyscale.

Not so: changing the color temperature changes how white looks.

It's night, so F.lux has lowered the temperature of my Mac, and if I hold my iPad up in front of my Mac's display white on the Mac look distinctly red-tinged compared to white on the iPad.

gbvb• 14 years ago

I have been using http://code.google.com/p/blacktree-nocturne/downloads/detail... (Nocturne) which essentially turns the entire desktop darker. It is very soothing to turn everything monochrome.

tudorizer2• 14 years ago

I did this experiment 1 year ago. This was my result back then http://tudormunteanu.com/post/1341815876/a-day-without-color...

_hiss• 14 years ago

Oddly, this is how your link looks in Firefox with the (un)clrd plugin applied: http://i.imm.io/H8V6.png

I'll be reading it with the plugin deactivated ;)

tudorizer2• 14 years ago

That is very strange.

TazeTSchnitzel3• 14 years ago

I think that's a hardware acceleration issue, since these filters tend to be applied with GL shaders.

TazeTSchnitzel3• 14 years ago

On Windows, the Visual Impairment Simulator ( http://vis.cita.uiuc.edu/) is even better.

It allows not just grayscale viewing, but colourblindness of different forms, and other visual impairement. Really fascinating. Runs for your whole computer, so you can test apps and other stuff too.

sspiff• 14 years ago

The equivalent under Linux is available in Compiz Configuration Settings Manager (ccsm), listed as "Color filter". It includes grayscale, several forms of color blindness as well as some novelty effects.

TazeTSchnitzel3• 14 years ago

Thanks! I'm actually on Ubuntu just now (I haven't used Windows in quite a while), so I'll have to try this.

honkadori• 14 years ago

i kind of like it! but i dont really know what to use it for?

hollerith2• 14 years ago

Hitting the (un)clrd button in the nav bar, then hitting the "Open a new tab" button (i.e., the "mini-tab") reliably crashes Firefox ESR.

(Firefox ESR is Firefox's analog to Ubuntu LTS.)

The world wide web in black and white

Related Stories