This plugin lets you use colors in CSS in hexa()
format. With vanilla CSS, this will only work in style
tags directly embedded on the page. If you are using EQCSS you can use the hex2rgb()
function anywhere to convert hexadecimal colors into RGB format.
hexa()
in Vanilla CSSThe hexa()
format allows you to include any hexadecimal encoded color into an rgb color value.
h1 { color: hexa(#fff,.8); background: hexa(#903,.5); }
#rgba
in Vanilla CSSYou can also write colors in #rgba
format, with four or eight characters like this:
p { color: #111c; }
hex2rgb()
With EQCSSIf you want to use this hex to RGB conversion in external stylesheets, or use hex2rgb()
in more places than just where you want to use an rgba()
formatted color, you can pair the hex2rgb()
function with EQCSS’s eval("")
function like this:
@element body { :self { color: hexa(#000,.8); background: rgba(eval("hex2rgb('#999')"),.7); } }
Of course, if you are reading EQCSS from a style
tag on the page, you can also make use of hexa()
as well.