Please bookmark this page to avoid losing your image tool!

Image Technicolor 3-Strip Process Filter Effect

(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.
function processImage(originalImg) {
    const canvas = document.createElement('canvas');
    const ctx = canvas.getContext('2d');

    // Ensure the original image dimensions are used
    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
    ctx.drawImage(originalImg, 0, 0, width, height);

    // Get the ImageData object
    // Handle cases where canvas might be 0x0 (e.g., if image failed to load or has no dimensions)
    if (width === 0 || height === 0) {
        return canvas; // Return empty canvas
    }
    const imageData = ctx.getImageData(0, 0, width, height);
    const data = imageData.data;

    // Technicolor 3-Strip Process (Process 4) Approximate Color Matrix
    // These coefficients are derived from various sources attempting to emulate
    // the look of Technicolor Process 4 films.
    const matrix = [
        [0.50430, 0.38310, 0.07230], // Transformation for the Red channel
        [0.20500, 0.75000, 0.04500], // Transformation for the Green channel
        [0.04100, 0.14000, 0.81900]  // Transformation for the Blue channel
    ];

    // Iterate through each pixel (each pixel has 4 components: R, G, B, A)
    for (let i = 0; i < data.length; i += 4) {
        const r_original = data[i];
        const g_original = data[i+1];
        const b_original = data[i+2];
        // Alpha channel (data[i+3]) is preserved

        // Apply the color matrix transformation
        let r_new = r_original * matrix[0][0] + g_original * matrix[0][1] + b_original * matrix[0][2];
        let g_new = r_original * matrix[1][0] + g_original * matrix[1][1] + b_original * matrix[1][2];
        let b_new = r_original * matrix[2][0] + g_original * matrix[2][1] + b_original * matrix[2][2];

        // Clamp values to the valid range [0, 255] and round them
        data[i]   = Math.max(0, Math.min(255, Math.round(r_new)));
        data[i+1] = Math.max(0, Math.min(255, Math.round(g_new)));
        data[i+2] = Math.max(0, Math.min(255, Math.round(b_new)));
    }

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

    // Return the canvas with the Technicolor 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 Technicolor 3-Strip Process Filter Effect tool applies a vintage Technicolor effect to your images, reminiscent of classic films. This tool transforms the colors of your image using a matrix that simulates the iconic vibrant color palette of the Technicolor 3-strip process. Users can utilize this effect to enhance photos, create artistic renditions, or evoke nostalgia in digital artwork. It’s suitable for photographers, graphic designers, and anyone looking to give their images a unique, cinematic appearance.

Leave a Reply

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

Other Image Tools:

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

Image Wet Plate Collodion Filter Effect Tool

Image Ilford Pan F Plus 50 Filter Effect Tool

Image X-ray Photography Filter Effect Tool

Image Radial Graduated Filter Effect Tool

Image Lee 80A Cooling Filter Effect Application

Image Autochrome Lumière Filter Effect Tool

Photo Infrared 720nm Filter Effect Tool

Image 10-Stop ND Filter Effect Tool

Photo Full Spectrum Filter Effect Tool

Image Motion Blur Filter Effect Tool

Image Panavision Film Look Filter Effect Tool

Image Rolleiflex TLR Camera Filter Effect Tool

Image Lee 85B Warming Filter Effect Application

Image Tiffen Black Pro-Mist Filter Effect Tool

Image Fomapan 100 Filter Effect Application

Image Lens Flare Filter Effect Tool

Image Ilford XP2 Super Filter Effect Application

Image Cinemascope Filter Effect Applicator

Image Dubblefilm Solar Filter Effect Application

Image Night Vision Filter Effect Tool

Image Tintype Filter Effect Application

Image Color Graduated Filter Effect Tool

Image Agfa Vista Filter Effect Application

Image Schneider Hollywood Black Magic Filter Effect Tool

Image TMax 400 Filter Effect Tool

Image Double Exposure Filter Effect Tool

See All →