natthasath

Site Grayscale Toggle lets you turn your entire site grayscale and give visitors a clear on/off switch. It’s built to be CSP-friendly (no inline JS) and to avoid a flash-of-unstyled-content by injecting the initial state on the server side.
Features: 
– Grayscale filter site-wide via <code>html.is-grayscale { filter: grayscale(var(--sgt-level)); }</code>. 
– Intensity control (0–100) from Settings → Site Grayscale. 
– Show/Hide floating toggle button (bottom-right by default). 
– Shortcode: <code>[grayscale_toggle]</code> to place the switch anywhere (headers, menus, footers, blocks, widgets). 
– Remembers visitor preference with <code>localStorage</code> across pages. 
– CSP-safe: no inline JS; initial state added server-side to <code><html></code> to avoid FOUC. 
– Lightweight, theme-agnostic; works alongside most caching/CDN plugins.
Use cases include memorial/monochrome modes, accessibility preferences, or design experiments that you want users to control.

Site Grayscale Toggle

CSP-safe plugin that applies a site-wide grayscale filter with a front-end toggle. Control intensity (0–100) and whether to show a floating toggle but …

Travis Smith

Samuel Wood (Otto)

ImageFX allows you to add filters to your WordPress images uploaded through the normal media uploader.
For more information: 
http://ottopress.com/2011/customizing-wordpress-images-with-a-plugin-imagefx/
Example: 
http://demo.wpsmiththemes.com/minfolio/all-image-styles-example/
Default filters:
<ul>
<li>Greyscale with except Blue, Red, Green</li>
<li>Sepia tone with 6 alternatives</li>
<li>Colorize with red, yellow, green, blue, purple</li>
<li>Photonegative</li>
<li>Emboss & Emboss Edge</li>
<li>Brighten (50, 100)</li>
<li>Gaussian Blur & Selective Blur</li>
<li>Mean Removal</li>
<li>Smooth</li>
<li>Negative</li>
<li>Contrast Negative and Positive</li>
<li>Rounded Corners</li>
</ul>
ImageFX is expandable and retractable, so removing and adding other filters using your own customized image manipulation functions is easy. 
Register new filters with:
<ul>
<li>Individually: imagefx_register_filter( ‘filter_name’, ‘cb_function’); //Note: cb_function defaults to imagefx_filter_{filter_name}</li>
<li>Bulk: imagefx_register_filters( array( ‘filter_name’, ‘filter_name’ ) );</li>
</ul>
Unregister existing filters with:
<ul>
<li>Individually: imagefx_unregister_filter( ‘filter_name’ );</li>
<li>Collectively: imagefx_unregister_filters( array( ‘filter_name’, ‘filter_name’) );</li>
<li>Specifically: imagefx_unregister_colorize_filters(); & imagefx_unregister_greyscale_filters(); & imagefx_unregister_sepia_filters(); imagefx_unregister_rounded_filters();</li>
</ul>
Want regular updates? Become a fan of my sites on Facebook! 
http://www.facebook.com/ottopress 
http://www.facebook.com/pages/Nothing-to-See-Here/241409175928000
Or follow us on Twitter! 
http://twitter.com/otto42 
http://twitter.com/ottodestruct 
http://twitter.com/wp_smith

ImageFX

Add filtering to your WordPress images. Black and white, sepia tones, colorization, and more. Expandable with custom filters too!

Site Grayscale Toggle vs ImageFX