accessible-color-contrast
Version:
CLI tool which checks two colors for a high enough contrast in the context of WCAG 2.2
16 lines (11 loc) • 596 B
JavaScript
import { calculateLuminance } from './calculateLuminance.js'
export const calculateContrastRatio = (colorForeground, colorBackground) => {
const lumForeground = calculateLuminance(colorForeground)
const lumBackground = calculateLuminance(colorBackground)
const lighterLuminance =
lumForeground > lumBackground ? lumForeground : lumBackground
const darkerLuminance =
lighterLuminance === lumForeground ? lumBackground : lumForeground
const ratio = (lighterLuminance + 0.05) / (darkerLuminance + 0.05)
return parseInt(ratio * 100) / 100
}