Image Adjustment Effects

Post-processing versions of the image adjustments — grayscale, sepia, invert, brightness, contrast, saturation, exposure, gamma, and hue rotate — to stack as layers in a post-processing chain.

In this lesson

  1. What are they?
  2. How to use them
  3. Grayscale
  4. Sepia
  5. Invert
  6. Brightness
  7. Contrast
  8. Saturation
  9. Exposure
  10. Gamma
  11. Hue rotate

Topics: TSL function · postprocessing · creative coding · shader programming · Three.js · WebGL · WebGPU · WGSL · TSL

Get the course to access this content

What's included in the course ↓

Pro access to the full course: master 12+ shader techniques, 61+ utilities, 171+ shader breakdowns with full code, and downloadable R3F and vanilla projects.

One single payment. No subscription required. 30-day money-back guarantee. No questions asked.

Curriculum
Works171
Writing45

Fragments

Learn creative coding with shaders. For design engineers, creative coders and shader artists: techniques, tools, deep dives. Powered by ThreeJS and TSL.

New techniques, breakdowns and shader experiments — straight to your inbox.

2026 Phobon

phobon.ioartifice.shshadercraft

Pages

HomeTechniquesUtilitiesBreakdownsWorksWriting

Contact

X @thenoumenonhey@fragments.supplyOKAY DEV @phobon
All rights reserved.
Fragments/Utilities

  • 04boilerplateFree
  • 03colorNew
  • 06patterns
  • 02sdf
  • 07functionNew
  • 03systemNewFree
  • 04interactivity
  • 01noise
  • 23postprocessingNew
  • 08distortionNew

Get the course ↵
ProMost popularFull access to the entire Fragments collection. Includes all techniques, utilities, breakdowns and all future updates
  • ✓ 12 long-form technique lessons
  • ✓ 7 fundamentals lessons
  • ✓ 61 workflow enhancing utilities
  • ✓ 171+ full shader breakdowns
  • ✓ Downloadable R3F and Vanilla projects
  • ✓ Access to community Discord
Get Pro →$199USDFundamentalsAccess to foundational shader techniques and utilities
  • ✓ 5 foundational long-form technique lessons
  • ✓ 7 fundamentals lessons
  • ✓ 24 foundational workflow enhancing utilities
  • ✓ 71 full shader breakdowns
  • ✓ Downloadable R3F and Vanilla projects
  • ✓ Access to community Discord
Get Fundamentals →$99USD
You'll be redirected to our secured payment platform and get instant access.