Product
Introducing SSO
Streamline your login process and enhance security by enabling Single Sign-On (SSO) on the Socket platform, now available for all customers on the Enterprise plan, supporting 20+ identity providers.
get-contrast-ratio
Advanced tools
Readme
get-contrast-ratio
calculates the contrast ratio between two CSS color's
relative luminances based on
this definition from W3C.
It doesn't handle transparency as of yet.
This is the contrast ratio you'll need to care about to pass WCAG requirements.
$ npm install get-contrast-ratio
import getContrastRatio from 'get-contrast-ratio';
getContrastRatio('black', 'white'); // 21
getContrastRatio('rgb(0,0,0)', 'rgb(255,255,255)'); // 21
getContrastRatio('black', '#000'); // 1
getContrastRatio('white', '#fff'); // 1
getContrastRatio('hsl(50, 30%, 40%)', 'hsl(50, 30%, 40%)'): // 1
(color1: string, color2: string } = {}) => number
The string parameters are more specifically strings that can be parsed as colors in CSS.
The return value is a number with two decimals in the range 1 <= number <= 21
.
I appreciate your issues and PRs on Github!
yarn build && yarn test
This project uses np.
yarn release
FAQs
Calculate contrast ratio between two CSS color strings.
The npm package get-contrast-ratio receives a total of 705 weekly downloads. As such, get-contrast-ratio popularity was classified as not popular.
We found that get-contrast-ratio demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Streamline your login process and enhance security by enabling Single Sign-On (SSO) on the Socket platform, now available for all customers on the Enterprise plan, supporting 20+ identity providers.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.