Skip to content

Instantly share code, notes, and snippets.

@MrHallows
Forked from frankyonnetti/CSS--hex-opacity-values.css
Last active August 3, 2022 22:03
Show Gist options
  • Save MrHallows/dcb529b2f1f9f5d6a3a034fd1c28fa3c to your computer and use it in GitHub Desktop.
Save MrHallows/dcb529b2f1f9f5d6a3a034fd1c28fa3c to your computer and use it in GitHub Desktop.
#css Hex Opacity Values
/* *
* Hex Opacity Values
*/
:root {
--hex-opacity-100: 'FF'; // 100%
--hex-opacity-95: 'F2'; // 95%
--hex-opacity-90: 'E6'; // 90%
--hex-opacity-85: 'D9'; // 85%
--hex-opacity-80: 'CC'; // 80%
--hex-opacity-75: 'BF'; // 75%
--hex-opacity-70: 'B3'; // 70%
--hex-opacity-65: 'A6'; // 65%
--hex-opacity-60: '99'; // 60%
--hex-opacity-55: '8C'; // 55%
--hex-opacity-50: '80'; // 50%
--hex-opacity-45: '73'; // 45%
--hex-opacity-40: '66'; // 40%
--hex-opacity-35: '59'; // 35%
--hex-opacity-30: '4D'; // 30%
--hex-opacity-25: '40'; // 25%
--hex-opacity-20: '33'; // 20%
--hex-opacity-15: '26'; // 15%
--hex-opacity-10: '1A'; // 10%
--hex-opacity-5: '0D'; // 5%
--hex-opacity-0: '00'; // 0%
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment