_funny_not_256_colour_css_filter.markdown

funny not 256 colour css filter

this does not use the traditional "RRRGGGBB" 256 colour palette for no authenticity

how to

1. put filter.svg at the root of the web site

2. paste the contents of style.css into your css

3. enjoy ✨

filter.svg

<?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>

style.css

body { filter: url('/filter.svg#posterize'); }