Fragments/Utilities/Color

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

Get the course ↵

Utilities to kickstart your creative coding projects.

    color3

    • Loading...
    • Loading...
    • Loading...
Curriculum
Works171
Writing39

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.ioShadercraft

Pages

HomeTechniquesUtilitiesBreakdownsWorksWriting

Contact

X @thenoumenonhey@fragments.supplyOKAY DEV @phobon
All rights reserved.
utilities/cosine-palette.webp

Cosine Palette

Generate procedural color palettes with cosine functions. Create smooth, vibrant gradients mathematically.

r3f
vanilla
utilities/tonemapping.webp

Tonemapping Functions

Tonemapping and color grading functions for shaders. Enhance contrast, mood, and visual quality in your compositions.

r3f
vanilla
utilities/code-window.webp

Image Adjustments

Color-in / color-out adjustment functions — grayscale, sepia, invert, brightness, contrast, saturation, exposure, gamma, hue rotate, and vignette — to chain inside a shader's colorNode.

New
r3f
vanilla