Coblis — Color Blindness Simulator

If you are not suffering from a color vision deficiency it is very hard to imagine how it looks like to be colorblind. The Color BLIndness Simulator can close this gap for you. Just play around with the sample picture or upload your own images. Please make sure that you just use JPG, GIF or PNG images with a size below 600kB.

As it is not not so easy to describe color blindness it comes in handy, that some smart people developed manipulation-algorithms to fake any form of color vision deficiency. The algorithms transform any picture into the same picture as seen by red-, green-, blue- or completely colorblind people.

I would like to thank Michael for providing the color blindness matrix and Luz A. for taking the photo, which is a great sample picture to show the effects of the different forms of color vision deficiency.


85 Responses to “Coblis — Color Blindness Simulator”

  1. fx Says:

    Non-colorblind tester here :) Are you sure the blue cone monochromacy estimation is correct? I would assume that it would show even less colors than red-blind and green-blind, but that doesn’t seem to be the case. You can still pick out about all the rainbow colors even though they become a lot more washed-out. Red-blind and green-blind change the picture clearly to “blue to yellow” scale. It’s difficult to explain this in words..

  2. Entro Non Entro » Blog Archive » A ilha dos daltônicos Says:

    [...] teste pode ser feito pelo Colblindor de Daniel [...]

  3. :) Says:

    thanks so much
    i used this for my school assingment

  4. y-thingy Says:

    It’s very interesting, but I think it’s slightly inaccurate. The difference between the red / green blind is too subtle. It didn’t pass the test when I tried to show some images to my little boy (with protanopia). I’m sure it just needs a little more tweaking to make it accurate. :)

  5. katie Says:

    i can’t tell the difference between normal and blue weak?

  6. katie Says:

    sorry if im getting annoying but the blue cone monochromacy looks the same as the normal and blue weak but a shade darker… is that just me?

  7. Daniel Flück Says:

    Katie, I had to check back with somebody not colorblind :-)

    No, it doesn’t look the same at all. Blue cone monochromacy looks very pale with a lot less color and blue weak is also quite different. But sometimes it depends on the image you are using. So try different pictures.

  8. I am colour-blind and paint « Johnathan Branson Says:

    [...] I came across Daniel Flück’s blog the other day and was interested to see a number of tools that he had developed to better explain colour-blindness. Have a look at his colour blindness simulator. [...]

  9. Taylor Says:

    I am a dicromatic deuteranopic male, and the “green-blind” simulation was a little to dramatic when changing the green map color, but the others were pretty close. I’m sure this is different for people with more or less serverity. To me it looks like red/green normally look sometimes swaping back and forth(especially as christmas lights do) but you change it to what my wife says is gray and what I see as purple. Did you mean to do that?

  10. User-Centered Design and Web Accessibility Blog - AniktoBlog » Blog Archive » Tools for the Color-Blind Says:

    [...] article is written by Daniel Flück for the blog ColBlinder. Further reading uncovers a mention of Coblis, a color-blind image simulator, as well as a list of other simulation tools for [...]

  11. Random Collection of Cool Links « Bright Eyes Family Vision Care News & Updates Says:

    [...] Color vision deficit demonstration [...]

  12. 15 strumenti utili se (non) sei daltonico | Altamente Decorativo Says:

    [...] Coblis [...]

  13. 15 ferramentas se você é (ou não) daltônico - parte II | Fotografar->Vender->Viajar Says:

    [...] Coblis da Colblindor Coblis – [...]

  14. Novas funcionalidades do Photoshop CS4 incluem opções de acessibilidade para daltônicos | Fotografar->Vender->Viajar Says:

    [...] O Photoshop CS4 é uma das ferramentas que podem ajudá-lo a fazer isso, como o color blindness simulator Coblis um simulador de visão com problema. Você pode encontrar algumas outras ferramentas [...]

  15. Bruno Says:

    Daniel, I have just used your Color Blindness Simulator to test some images here and it failed when I uploaded some images with filenames containing spaces (like in “Picture 1.png”, the default filename for Mac OS screenshot tool). I converted to .jpg but it did not work either.
    Just after renaming to something without spaces it worked.

  16. Bruno Says:

    By the way, a question regarding color management: do you embed color profile to the images you use in your website? I use Mac OS X’s Safari, which handles color-profiled images, but I know neither Firefox nor Internet Explorer handle those profiles.

    It usually causes no problem to users doing casual web-browsing, but since your content aims at color reproduction and sometimes show subtle color gradients, I think you should be aware of that (if not already).

    Keep up the good work!

  17. Daniel Flück Says:

    Bruno, thanks for the “bug report”. I hope I’ll have some time in the future to have a look at it.

    I didn’t know about the possibility of color profiles, which sounds quite interesting. But as most visitors aren’t using Safari, I suppose I couldn’t change anything then using sRGB.

  18. Chuck Says:

    I find this confusing.

    Green and red light make yellow, and yet yellow shows up fine for red and green colorblind.

    FOr blue blind, everything seems shifted to red and blue, and i can’t see green.

    I’d expect red to go to gray for red blind, and green to go to gray for green blind, and blue to go to grey for blue blind. But that’s not what seems to happen. With both red AND green blind, green seems to go to grey, and with blue, the green seems to go to bluish gray, and yellow (which has no blue in it) goes to pink. I don’t get it….

  19. Arif wirawan Says:

    can I see what normal people saw in color??? I have colorblind partial, and I really want to see…how you people saw the world…is it more beautiful??? FYI I can see clearly in the dark than most normal people do. I guess my missing cone makes me better than you…in the dark of course…

  20. Renk Körlü?ü ve Arayüz Renkleri at Userspots Says:

    [...] Coblist ile yükledi?imiz resmin renk körlü?ü rahats?zl??? olan kullan?clar taraf?ndand nas?l göründü?üne bakabilirken, Vischeck ve Colorblind Web Page Filter ile de web sayfalar?n?n testini yapabiliyoruz. [...]

  21. Web Accessibility??????(?)???????? | ????????????????? Says:

    [...] ????? Coblis color blindness simulator [...]

  22. My Color-blindness test result: strong Deuteranopia « worksofhands´embroideries and other needlework Says:

    [...] 5. Don´t know how big the difference between our visions is? try playing with this simulator. [...]

  23. Jason Says:

    I agree with fx and katie. Blue cone monochromats are just like rod monochromats when it comes to day (photopic conditions), so they should be the same in your simulation. As I understand it, blue cone monochromats do show wavelength discrimination ability in the mesopic range under certain conditions, but otherwise do not. So you may want to check that again. Otherwise a great tool for conceptual purposes.

  24. Random Tip #15 - 4T Says:

    [...] If you want to do a check for other types you could use this resource at Colblindor: http://www.color-blindness.com/coblis-color-blindness-simulator/ [...]

  25. Website Accessibility: Colour Blind Users | The Blog of Elliott Rodgers Says:

    [...] is also a load of resources at http://www.color-blindness.com/ including a fascinating Colour Blindness Simulator. Comments [...]

  26. Jed T Says:

    I don’t think this is accurate.. I think this just playing with photoshop.. i am protanopic.. I can see dark red and most red shades clearly but can’t see the light red on the gray background (the test in wikipedia http://en.wikipedia.org/wiki/Color_blindness#Dichromacy)..

  27. Web Accessibility??????(?)???????? | ????????????????? Says:

    [...] ????? Coblis color blindness simulator [...]

  28. Dennis Says:

    Thanks so much for your website. The tests and simulator have given me a greater insight into my son’s outlook on the world.

  29. MasterSKODWARDE Says:

    I don’t really understand the Blue Cone Monochromacy tester. When I use it I still see the colors, but with the saturation adjusted, like taking the “Color” option on your TV all the way down to almost zero, but still see some.

  30. steve Says:

    Is there a version of this that doesn’t compress the image files?

  31. Daniel Flück Says:

    Steve, no I’m sorry. I have to compress otherwise the processing would take much to long.

  32. Steve Says:

    I made an animated .gif file, that flickers between “normal” color vision frame, and a altered color vision frame. The idea is if the viewer sees the flicker, they have “normal” color vision. The image I used was a large hex-pattern with about 300 colors commonly used on webpages. No, it’s not a diagnosis, but it’s a simple way to do mass screening. Perhaps an image could be optomized for the various disorders, but as a prototype it seemed to work well, despite the image compression.

  33. Color Vision Deficiency « Keene's Eye & Vision Care Blog Says:

    [...] color vision tests that you can do yourself online (on the right side of the page).  Check out http://www.color-blindness.com/coblis-color-blindness-simulator/ to test your own color vision and to observe how a color blind person sees the [...]

  34. Chris Says:

    I am red/green colourblind.

    None of the above approximate what I see very well. Red and green weak are somewhere close colourwise, but I can see a pronounced change in the contrast and brightness of the images. I am very sensitive to greyscale shades and brightness though, I guess it is the over compensation of my cones?

    Ishihara tests online don’t work well either, so maybe down to my monitor calibraion. But how do you colour calibrate a monitor when you are colourblind ;-)

  35. davidvoegtle.net » Blog Archive » Daily links 04/03/2010 Says:

    [...] Coblis — Color Blindness Simulator [...]

  36. Colora and Color Palettes for Your Web Site – How to Achieve Perfection in 8 Simple Steps — Creating Web Success Says:

    [...] population have some kind of distortion in the way they perceive color. There’s a good visual simulator of various kinds of color blindness here. Your site needs to be legible for these folks. Modify [...]

  37. Webdesign — Après le contenu, le contraste est roi ! Says:

    [...] Coblis–Color Blindness Simulator — Téléchargez une image et l’outil vous proposera de l’afficher comme si vous étiez atteint d’une des 9 pathologies touchant la vision des couleurs : Protanopia, Deuteranopia, Tritanopia, Protanomaly, Deuteranomaly, Tritanomaly, Achromatopsia, Monochromacy [...]

  38. bluesky Says:

    My 8 yr old son was just diagnosed with red/green color blindness yesterday. I have been suspicious for several years. Your website has helped me understand him better in so many ways, all the down to the very bright, and not so well matched, 2 shades of blue paint he chose to have his room painted. He also only seems to want to wear the color blue or sometimes green.Can anyone tell me why that would be? Also he does seem to have an unusual ability to find things that noone else seems to be able to. ??? I call him “Eagle Eye”. Thanks for all the great info. I’ll keep reading.

  39. Renk Körlü?ü ve Arayüz Renkleri « Eri?ilebilir Web Says:

    [...] Coblist ile yükledi?imiz resmin renk körlü?ü rahats?zl??? olan kullan?clar taraf?ndand nas?l göründü?üne bakabilirken, Vischeck ve Colorblind Web Page Filter ile de web sayfalar?n?n testini yapabiliyoruz. [...]

  40. ThisWay.ro » Blog Archive » Experience Color, Wearing Shades of Gray Says:

    [...] are many types of color blindness as you can read here and you can even check if you are suffering from one by taking this tests on the same [...]

  41. James Harper Says:

    I’ve uploaded nothing. The image that displays as “normal” is the Windows XP default background, and the image that displays modified look to be a stack of unsharpened color pencils. This makes the entire test useless, as I can’t tell what the original colors in the pencils were.

  42. Daniel Flück Says:

    James, thanks for the hint. I just fixed it, it should work again. – Daniel.

  43. James Harper Says:

    Of the two primary colors he can see, one probably something like yellow (instead of separate red and green), and the other blue, he probably just likes blue better. I don’t like the color red at all, and stick to other shades. He simply has less to choose from, so he chose the one he didn’t like less.

  44. Rubencio Says:

    I have a Question, If This Simulator can make normal visioned people see the way colorblind people see the colors, can this be reversed to make color blind people see the way normal visioned people see colors.??? I hope I’m being clear.

  45. A11y for Web Designers #2: Color | Swedish fika Says:

    [...] kinds of color blindness and look at your design in a way a person with color blindness would. 2. Coblis – Color Blindness Simulator is an online tool that lets you upload an image to check for problems. 3. Colorfilter is another [...]

  46. day dream « ria hills Says:

    [...] smaller image is how he might see this painting as simulated at colblindor.com I asked Gary to take a look and he barely sees a difference between the 2 images! $150 with [...]

  47. Wat ziet iemand die kleurenblind is? « Speciale onderwijszorg en ict Says:

    [...] ziet iemand die kleurenblind is? Op de website colblindor heb je een foto staan waarmee je verschillende vormen van kleurenblindheid kan nabootsen. Erg [...]

  48. Why the colorblind shouldn't be allowed near paint. - Page 3 - Stromtrooper Forum : Suzuki V-Strom Forums Says:

    [...] maps where they show some demographic using colors. Here's a colorblindness simulator I found. Coblis — Color Blindness Simulator I find it a bit mysterious, but then, I'm colorblind! Could be useful to those with normal color [...]

  49. Random Collection of Cool Links | Eye and Vision News Says:

    [...] Color vision deficit demonstration [...]

  50. Acessibilidade: Cores e Constrastes | Fernando Paes Says:

    [...] Cobris – Ferramenta bem interessante, que permite o envio de uma imagem para a ferramenta, que fará o tratamento dela e retornará com os ajustes de cores necessários para a simulação da doença selecionada. Fornece a possibilidade de selecionar uma das opções de daltonismo existente. [...]

  51. colorsconfuseme Says:

    i am red-weak. I have been diagnosed, and saw no difference between the first and the one labeled “red weak”.
    this is a hard thing to live with.

  52. Colora and Color Palettes for Your Web Site – How to Achieve Perfection in 8 Simple Steps Says:

    [...] population have some kind of distortion in the way they perceive color. There’s a good visual simulator of various kinds of color blindness here. Your site needs to be legible for these folks. Modify [...]

  53. Ty Says:

    I’m assuming this test/tool is really for non-colorblind people to give them a chance to kinda see what our colorblind world looks like. When I took it, I assumed that I would find two pics that matched, one would be the “normal”, the other would be the deficiency – I thought that due to my c.b. – they would look the same but I guess since I’m still viewing both pics through my c.b. eyes, they still look different.

  54. Reinaldo Says:

    O mais incômodo de ser daltônico não é a confusão entre as cores mas ser obrigado a suportar as pessoas perguntando “que cor você vê isto aqui?”.
    Haja paciência… melhor levar com bom humor!

  55. Love is Colorblind « The Random Babbler Says:

    [...] are from the web, and used without permission. I’m a pirate, problem?!! Also, I used this online simulator for generating the colorblind-vision [...]

  56. Jackson Says:

    I’m red weak but the red weak image and the normal image looked slightly different. I don’t know if that’s the way it’s supposed to be but I would imagine they should look the same. They do look close though.

  57. Colors for colorblind – tools to check your work up against disabled | mingo.net Says:

    [...] Skeching in photoshop? Here is a way to upload your image in to the Color Blindness Simulator [...]

  58. Kimberly Morton Says:

    I am trying to upload images to test. All are .png and no larger than 300K. But each time I try to upload, I get an error message. Is the tool broken?

  59. Gunnar Þór Gunnarsson Says:

    Hi,
    I am colourblind but I would think that there should be Red-Weaker/Protanomaly to see how I see things.
    Kind regards,
    Gunnar Þór.

  60. A few more sites of interest | Colour Vision Deficiency Says:

    [...] http://www.color-blindness.com/coblis-color-blindness-simulator/ [...]

  61. Guy Says:

    Daniel,

    It would be great to have the normal image side by side with the image that changes.

    As far as complaints of varying degrees of colors, it’s their monitor! Unless a monitor is color balanced it may look considerable different than a test object.

    Great info!

  62. Joris Says:

    Nice little app. May I suggest a toggle button between the current and the last selected. This makes it easier to try the difference back and fort. (You now have to aim)

    If you are colorblind I assume that seeing the difference between to variants is hard to see.

  63. Ray Says:

    Really great idea but, as noted earlier in some comments, there seems to be an issue with the Blue Cone Monochromacy version.

    I actually have blue cone, or sometimes called partial, achromatopsia so I would expect the “normal” and modified images to look pretty similar to me. The Blue Cone Monochromacy verison just looks more washed out.

    Of course even in my family there are variations on color perception even with the same condition.

    Also I doubt the monitor I am viewing it on is calibrated in any way.

  64. Ray Says:

    After further thought if the image was viewed under direct sunlight then the blue cone version might accurate. As blue cone achromats depend mainly on rods for most of their vision they tend to get overloaded in bright sunlight and what color vision we have tends to get washed out.

  65. Myrtonos Says:

    I notice more colour variation with blue cone monochromancy than with and dichrocmacy simulations, only less saturated.

  66. Light Day 7 Eyeballs, Rods, and Cones « Mr. Torgerson's Science Daily Agenda Says:

    [...] Types of Colorblindness/Simulator [...]

  67. What Color Is That? « Thorny, Not Prickly Says:

    [...] for some way to show him what I see and discovered Daniel Flück’s Coblis website and his Color Blindness Simulator. Now it’s not exactly perfect to how I see things, but it’s pretty close. If you go [...]

  68. Many Pebbles, One Pond › Web 2.0 Weekly: 30 September 2011 Says:

    [...] “So This is What Its Like to Be Colour Blind” Site of the Week: Coblis [...]

  69. Uso del color en la web – Daltonismo | Accesibilidad y Usabilidad Web Says:

    [...] Para probar como se ve un diseño, les recomiendo un Sitio donde ingresando la Web se puede observar cómo se visualiza con distintos grados de daltonismo: Coblis — Color Blindness Simulator [...]

  70. Lewis Steinhol Says:

    the blue looks more like a violet red.

  71. La variabile ‘Daltonismo’ per il Web Designer | Innoteam Says:

    [...] come viene visualizzato del testo secondo un daltonico (Deuteranopia, Protanopia e Tritanopia).Coblis – Color Blindness Simulator: è pensato per aiutare le persone non daltoniche a capire come un’ immagine viene vista se hai [...]

  72. Teoria da cor: Visão Cromática « Anamorfia | Design Gráfico, Design Digital Says:

    [...] Neste link você pode simular uma visão com cada tipo de discromatopsia. Recomendo também os excelentes artigos sobre daltonismo deste site para conhecer melhor o assunto [...]

  73. Quer saber como eu enxergo? « Arquiteto Daltônico Says:

    [...] http://www.color-blindness.com/coblis-color-blindness-simulator/ Compartilhe:MaisGostar disso:GosteiSeja o primeiro a gostar disso. [...]

  74. Excellent Presence Web Design & Marketing | Are You Dissing the Color Blind with YOUR Website? (Are You Sure?) | Page: 1 Says:

    [...] Coblindor is another free tool that allows you to view your images as through color blind eyes. [...]

  75. Cruz Command Blog » Contrast is King Says:

    [...] colblindor.com to learn more about specific types of colorblindness. Coblis–Color Blindness Simulator can also help you to get a better sense of how some viewers might see your work. This tool allows [...]

  76. Patrik Says:

    Tried the simulator, I am colorbling red-green. I see color changes in every single example. Makes me a non-believer, sorry.

  77. Blind simulation | Zukklish Says:

    [...] Coblis — Color Blindness SimulatorThe Color BLIndness Simulator can close this gap for you. Just play around with the sample picture or upload your own images. Please make sure that you just … [...]

  78. Are You Dissing the Color Blind with YOUR Website? (Are You Sure?) Says:

    [...] Coblindor is another free tool that allows you to view your images as through color blind eyes. [...]

  79. Oregon Pinot: Anam Cara | Noble Sot Says:

    [...] off this bottle alone, ceaselessly uploading photos and imagining my world in various states of colorblindness, and trying not to spill on my party [...]

  80. martin Says:

    The upload button is not working :/

  81. naso Says:

    That’s weird… I’m green-weak and I see the difference between “green-weak” and “normal” modes…

  82. Myrtonos Says:

    @naso Maybe it’s because it doesn’t include the special colour distictions made by deuteranomalous subjects, this is on an RGB monitor.

  83. Como ven los perros - Chismes Mundo | Chismes Mundo Says:

    [...] http://www.color-blindness.com/coblis-color-blindness-simulator/ [...]

  84. Como ven los perros - Mucha Informacion Says:

    [...] http://www.color-blindness.com/coblis-color-blindness-simulator/ [...]

  85. Lucas Says:

    Wow, this web script is seriously broken at this point. Try naming any file you upload to “Test3.jpg” and watch as it loads a cached image.

    I even switched browsers, changed the filename slightly, and it STILL remembered the first file I uploaded. Very tough to use properly.

Please also consider to share your information or ask your question at the Color Blindness Forum, a place where people can find inputs, share stories, ask questions and more—all about color blindness. Join the colorblind community!

Leave a Comment