Please bookmark this page to avoid losing your image tool!

Image Wratten #12 Yellow Filter Effect Tool

(Free & Supports Bulk Upload)

Drag & drop your images here or

The result will appear here...
You can edit the below JavaScript code to customize the image tool.
/**
 * Applies a Wratten #12 Yellow Filter effect to an image.
 * Wratten #12 is a deep yellow filter that primarily absorbs blue light.
 * This effect simulates this by significantly reducing the blue channel of each pixel.
 *
 * @param {HTMLImageElement} originalImg The original image element.
 * @returns {HTMLCanvasElement} A new canvas element with the filter effect applied.
 */
function processImage(originalImg) {
    const canvas = document.createElement('canvas');
    const ctx = canvas.getContext('2d');

    // Use naturalWidth/Height if available for the actual image dimensions,
    // otherwise fallback to width/height (which might be CSS-styled dimensions).
    const width = originalImg.naturalWidth || originalImg.width;
    const height = originalImg.naturalHeight || originalImg.height;

    canvas.width = width;
    canvas.height = height;

    // Draw the original image onto the canvas.
    // This is necessary to access its pixel data.
    ctx.drawImage(originalImg, 0, 0, width, height);

    // Get the ImageData object, which contains pixel data in a Uint8ClampedArray.
    // The data is stored as [R1, G1, B1, A1, R2, G2, B2, A2, ...].
    const imageData = ctx.getImageData(0, 0, width, height);
    const data = imageData.data;

    // The Wratten #12 filter is a "minus blue" filter, meaning it strongly absorbs blue light.
    // We simulate this by multiplying the blue channel value of each pixel by a small factor.
    // A factor of 0.1 means the filter transmits about 10% of blue light (absorbs 90%).
    // This value is chosen to represent a deep yellow filter effect.
    // For reference, some simulations (e.g., in ray tracing contexts) might use even smaller factors
    // like 0.02 for Wratten #12. We'll use 0.1 for a strong but not extreme effect.
    const blueChannelFactor = 0.1;

    for (let i = 0; i < data.length; i += 4) {
        // data[i] is the Red component
        // data[i+1] is the Green component
        // data[i+2] is the Blue component
        // data[i+3] is the Alpha component

        // For a yellow filter effect, the Red and Green channels typically remain unchanged
        // or are sometimes slightly adjusted depending on the specific simulation model.
        // Here, we only modify the Blue channel to simulate the "minus blue" characteristic.
        // data[i] = data[i]; // Red - unchanged
        // data[i+1] = data[i+1]; // Green - unchanged
        
        // Reduce the intensity of the blue channel.
        data[i+2] = data[i+2] * blueChannelFactor;

        // The Alpha channel (data[i+3]) remains unchanged to preserve transparency.
    }

    // Put the modified pixel data back onto the canvas.
    ctx.putImageData(imageData, 0, 0);

    // Return the canvas element with the applied effect.
    return canvas;
}

Free Image Tool Creator

Can't find the image tool you're looking for?
Create one based on your own needs now!

Description

The Image Wratten #12 Yellow Filter Effect Tool allows users to apply a specialized filter effect to images that simulates the characteristics of a Wratten #12 yellow filter. This tool works by significantly reducing the blue channel of the image, which can enhance the appearance of certain colors and create a dramatic yellow hue. It is particularly useful for photographers and graphic designers seeking to adjust color contrasts, alter the mood of an image, or create specific artistic effects. The tool can be effectively used for various applications, including enhancing landscape photography, modifying portrait images, and experimenting with color manipulation in graphics projects.

Leave a Reply

Your email address will not be published. Required fields are marked *

Other Image Tools:

Image AGFA APX 100 Film Filter Effect Tool

Image Singh-Ray Vari-ND Filter Effect Application

Image Rollei RPX 25 Film Filter Effect Tool

Image 35mm Half-frame Camera Filter Effect

Image Kodak Vision3 250D Motion Picture Film Effect Filter

Image 120 Film Format Filter Effect

Image Lens Whacking Filter Effect Tool

Image Black and White Red Filter Effect Tool

Image Lee Medium Stopper 6-Stop ND Filter Effect Tool

Image Nikon F3 Film Camera Render Effect Tool

Image Polaroid Spectra Filter Effect Tool

Image Contax T2/T3 Filter Effect Application

Image Bronica ETRS Medium Format Filter Effect Application

Image Soap Bubble Bokeh Effect Generator

Image Center Graduated ND Filter Effect Tool

Image Breakthrough Photography X4 ND Filter Effect

Photo Filter Effect Creator for Yashica T4 Point-and-Shoot

Image AGFA APX 25 Film Filter Effect Tool

Image Singh-Ray Gold-N-Blue Polarizer Effect Tool

Image Black and White Blue Filter Effect Tool

Image Pinhole Solargraphy Effect Creator

Image Kodak Vision3 500T Motion Picture Film Effect Simulator

Image Soft Focus Filter Effect for Nikon Nikkor

Image Bergger Pancro 400 Film Filter Effect Tool

Image Agfa Optima Filter Effect Application

Image Technicolor 3-Strip Process Filter Effect

Image Cyanotype Process Filter Effect

Image Black and White with Orange #21 Filter Effect Tool

Image Bleach Bypass Effect Filter

Image IMAX Camera Filter Effect Tool

Image Super 8 Film Filter Effect Tool

Image Anamorphic Lens Flare Filter Effect Tool

Image Prism Photography Filter Effect Tool

Image Freelensing Effect Creator

Image Tiffen Glimmerglass Filter Effect Tool

Image Mamiya RZ67 Medium Format Filter Effect Tool

See All →