Skip to content

Instantly share code, notes, and snippets.

@karenying

karenying/ColorBox.jsx

Created November 7, 2020 13:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save karenying/bb68f3ee54723a890be2dd4b526c2956 to your computer and use it in GitHub Desktop.
Save karenying/bb68f3ee54723a890be2dd4b526c2956 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
ColorBox.jsx
return (
<div
className='colorbox-container'
style={{ backgroundColor: `#${backgroundHex}`, color: `#${textColor}` }}
>
{`#${backgroundHex}`}
<br />
{`Contrast ratio: ${backgroundColor
.contrastRatioWith(textColor)
.toFixed(2)}`}
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment