this does not use the traditional "RRRGGGBB" 256 colour palette for no authenticity
-
put filter.svg at the root of the web site
-
paste the contents of style.css into your css
-
enjoy ✨
<?xml version="1.0" encoding="UTF-8" ?> | |
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> | |
<defs> | |
<filter id="posterize"> | |
<feComponentTransfer> | |
<feFuncR type="discrete" tableValues="0 1" /> | |
<feFuncG type="discrete" tableValues="0 0.5 1" /> | |
<feFuncB type="discrete" tableValues="0 1" /> | |
</feComponentTransfer> | |
</filter> | |
</defs> | |
</svg> |
body { filter: url('/filter.svg#posterize'); } |