Skip to content

Latest commit

 

History

10 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Colorblind Pal

Colorblind Pal

Google Chrome extension used to transform colors on websites into color-blind friendly pallets.

💻 Available on the Google Chrome Store as an add-on.

Default

Default Website Color Profile

Default

Protanopia Color Profile

Methodology

This tool operates by applying a feColorMatrix transformation matrix against the color space of a page.

For example, we may transform the color purple to a more distinguishable color for those who experience Protanopia.

Let $x$ be the vector representing the current normalized RGB color code and let $A$ be the transformation matrix to transform $x$ to a new color friendly space. Use $T(x)=Ax$ to calculate the resulting RGB vector. We calculate the transformation for the RGB code rgb(159, 43, 104) to be rgb(109, 108, 89).

$$A=\begin{bmatrix} 0.567 & 0.433 & 0 & 0\\\ 0.558 & 0.442 & 0 & 0\\\ 0 & 0.242 & 0.758 & 0\\\ 0 & 0 & 0 & 1 \end{bmatrix} , x= \begin{bmatrix} 159\\\ 43\\\ 104\\\ 1 \end{bmatrix}$$ $$\begin{bmatrix} 0.567 & 0.433 & 0 & 0\\\ 0.558 & 0.442 & 0 & 0\\\ 0 & 0.242 & 0.758 & 0\\\ 0 & 0 & 0 & 1 \end{bmatrix} \begin{bmatrix} 159\\\ 43\\\ 104\\\ 1 \end{bmatrix} = \begin{bmatrix} 109\\\ 108\\\ 89\\\ 1 \end{bmatrix}$$

About

Chrome plugin that modifies colors viewed in the browser to aid colorblind people

Topics

Resources

Stars

1 star

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages