@pandacss/studio/src/lib/color.ts

The automated token documentation for Panda CSS

import { ColorContrastChecker } from './color-contrast-checker'

export const getContrastPairs = (colorA: string, colorB: string) => {
  const contrastChecker = new ColorContrastChecker()
  let res
  try {
    res = contrastChecker.checkPairs([
      {
        colorA,
        colorB,
        fontSize: 14,
      },
      {
        colorA,
        colorB,
        fontSize: 18,
      },
    ])
  } catch {
    //
  }

  return res
}

export const getContrastRatio = (colorA: string, colorB: string) => {
  const contrastChecker = new ColorContrastChecker()
  let luminanceA, luminanceB
  let ratio: number | undefined

  try {
    luminanceA = contrastChecker.hexToLuminance(colorA)
    luminanceB = contrastChecker.hexToLuminance(colorB)
    ratio = contrastChecker.getContrastRatio(luminanceA, luminanceB)
  } catch {
    //
  }

  return ratio
}