Please bookmark this page to avoid losing your image tool!

Image Black And White With Orange #21 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.
function processImage(originalImg) {
  const canvas = document.createElement('canvas');
  const ctx = canvas.getContext('2d');

  // Ensure the image is loaded and dimensions are available
  const imgWidth = originalImg.naturalWidth || originalImg.width;
  const imgHeight = originalImg.naturalHeight || originalImg.height;

  canvas.width = imgWidth;
  canvas.height = imgHeight;

  // Draw the original image onto the canvas
  ctx.drawImage(originalImg, 0, 0, imgWidth, imgHeight);

  // Get the image data from the canvas
  const imageData = ctx.getImageData(0, 0, imgWidth, imgHeight);
  const data = imageData.data;

  // Define the weights for the Orange #21 filter effect
  // These weights aim to simulate an orange filter:
  // - Reds and yellows become lighter
  // - Blues become darker
  // - Greens are moderately affected, often appearing slightly lighter
  const redWeight = 0.6;
  const greenWeight = 0.3;
  const blueWeight = 0.1;

  for (let i = 0; i < data.length; i += 4) {
    const r = data[i];
    const g = data[i + 1];
    const b = data[i + 2];
    // Alpha channel (data[i + 3]) is preserved

    // Calculate the grayscale value using the orange filter weights
    let gray = Math.round(r * redWeight + g * greenWeight + b * blueWeight);

    // Clamp the value to ensure it's within the 0-255 range
    // (though with weights summing to 1.0 and inputs in 0-255, it should be fine)
    gray = Math.max(0, Math.min(255, gray));

    // Apply the grayscale value to R, G, and B channels
    data[i] = gray;     // Red
    data[i + 1] = gray; // Green
    data[i + 2] = gray; // Blue
  }

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

  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 Black and White with Orange #21 Filter Effect Tool allows users to transform their images into a striking black and white format while applying an orange filter effect. This tool is ideal for photographers and graphic designers looking to enhance their images for artistic purposes, create vintage-style effects, or prepare images for print by adjusting color balances. The resulting effect highlights reds and yellows, making them lighter, while muting blues, suitable for creating distinct visual styles in photography or social media content.

Leave a Reply

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

Other Image Tools:

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

Image Fujichrome Velvia 50 Filter Effect Application

Image Revolog Texture Film Filter Effect Tool

See All →