Giter VIP home page Giter VIP logo

Comments (11)

yeun avatar yeun commented on May 18, 2024

The process will soon be published in the article. Please wait until then.

from open-color.

makepanic avatar makepanic commented on May 18, 2024

@yeun @lukasoppermann

Should it still be investigated to automatically generate color blindness charts based on the generated open-colors svg?

This is the continuation from #34 (comment)

I also tried to use the color-matrix module as mentioned in the color-blind issue regarding difference from using a PS filter to generate the. It looks much closer to the image uploaded by @jasonw22
20161021-201026

from open-color.

lukasoppermann avatar lukasoppermann commented on May 18, 2024

Hey @makepanic I am still very much in favor of adding this, as it provides a very valuable tool for designers.

from open-color.

yeun avatar yeun commented on May 18, 2024

@makepanic @lukasoppermann I think it's not a good idea to add this to README. This image makes README become longer and this is not accurate. It would be more flexible to add it to websites instead. Since I'm fixing the website design now, I'll consider it again after finished the design.

from open-color.

lukasoppermann avatar lukasoppermann commented on May 18, 2024

@yeun this sounds very good.

from open-color.

dimitrieh avatar dimitrieh commented on May 18, 2024

its insane how close red and green are with deuteranopia

image

from open-color.

yeun avatar yeun commented on May 18, 2024

This issue has made it painful for me to maintain open colors. As a designer, I try to consider color blinders as much as I can, and the color scheme I create has also kept the same principles. But that does not mean that it is only a color scheme for color blindness. However, many people intentionally attempted to interpret it maliciously and acted rudely. To explain how I picked the color considering color blindness, I have to talk about the RGB color and distribution of the optic nerve and the optical illusion. I've tried writing it many times, but every time I wonder why I have to kindly explain a color theory that is not related to using open colors for people who are rude to me. So, as a result, I removed all the expressions of color blindness in the Open Color document. My basic attitude to improve the color value of open color and open color will not change.

from open-color.

pixeline avatar pixeline commented on May 18, 2024

Hello @yeun I coordinate a research project on accessible solutions for colorblind people. In the process we've interviewed twenty or so folks with several types of color blindness to try to understand the issues they face and potential opportunities to improve their experience. To be honest, we're not sure what we do is going to work because you just can't make people suddenly see new colors. One can just enhance the contrasts. @dimitrieh 's screenshot shows that very well. The only way to solve these confusing situations is not to rely solely on colour: add some visual pattern (dots, diagonals...). I honestly don't think there are any color palette that can work in all situations.

We came up with an online diagnostic tool (a color sorting game based on the Farnsworth D-15 test. The result of the test will then be fed to a chrome extension that will adjust the colors accordingly and also a series of good practices for designers and developers.

I've been watching this project to see how it is heading and I'm very sorry to read that some people were giving a hard time to someone who took an interesting initiative to make the web more accessible to people with color blindness and makes it available freely for all and everyone.
I for one would be very interested in understanding how you came up with this set of colors, if you ever find the time to writing it. Whether the colour set fails or not for some form of colorblindness is not important, because research and learning gains more from failed attempts than from successful experiments. Any reasonable scientist knows that.

If you are interested, the project is available here in french only unfortunately. We'll be releasing an english version in September, along with the chrome extension.

Thank you, and good luck!
Alexandre.

from open-color.

yeun avatar yeun commented on May 18, 2024

@pixeline

When we think about the cause of color blindness, it is very natural that color blind people can not distinguish as many colors as non - color blind. And I thought other people would know this fact. As you say, there is no magic color scheme to solve all situations. Even if anyone uses open color, the user should use additional methods such as pattern considering color blindness.

Also, people who are not color-blind can't completely distinguish all colors. Depending on the area of ​​the color and the distance between the colors, some colors look almost the same. This illusion happens to everyone regardless of color blindness.

I thought these were basic knowledge that I did not need to explain, but I was surprised and embarrassed because people asked me for an explanation as they did not know this knowledge at all. As a result, I gave up explaining this basic knowledge.

However, for those of you who are interested in color and color blindness, I would like to describe how I consider color blindness in this scheme briefly:
(It is almost impossible to create a color scheme that takes into account all color blindness, so we considered deuteranopia and protanopia.) Some hue value can be distinguished in RGB mode and deuteranopia mode, but not indistinguishable in protanopia mode. Likewise, Some colors look different between RGB mode and protanopia mode, but in deuteranopia mode, looks exactly the same. Mainly orange-yellow-green tint causes this problem. Also, the more distinctive the deuteranopia mode, the harder to distinguish in protanopia mode, and vice versa. So I configured the color scheme in the direction that does not break the color harmony of the RGB mode, while at the same time distinctive it in deuteranopia and protanopia mode as much as possible. I chose the color if I could distinguish a little bit more in deuteranopia and protanopia modes, even if it weren't the blend I wanted in RGB mode.

I hope this answer helps you understand Open Color. Of course, this is the first version, and I do not think all the colors are perfect. In the next version, I will focus on contrast and improve it further.

Thank you for your warm reply and explanation of your wonderful project.

from open-color.

jasonw22 avatar jasonw22 commented on May 18, 2024

I'm not sure why you have interpreted comments as "rude" or assumed those who are commenting are not aware of what you call "basic knowledge". People are simply pointing out that this palette does not work well for those with deuteranopia. Here's some tips for people who need to make a palette where every color is distinguishable for those with color blindness. (And yes, of course you should never rely on color alone to convey semantic meaning.)

http://www.somersault1824.com/tips-for-designing-scientific-figures-for-color-blind-readers/

from open-color.

yeun avatar yeun commented on May 18, 2024

@jasonw22 Not only in this issue, I get ridiculous requests from Twitter or email. Even if you did not intend to, it is also rude to inform you of these links. Open color is made up of 130 colors. The palette we speak on these links consists of only 5 to 20 colors. If you are not just trying to attack me, but genuinely trying to use color considering color blindness, this difference will be easily noticeable. And you will be able to construct a palette that can be distinguished enough by choosing only a few colors of open color.

from open-color.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.