ConvertOnline

Image

Audio

Video

Document

Color

1. Convert Online
2. Image Converters
3. Tint Image

{
  "effect": "tint",
  "title": "Tint Image",
  "description": "You can use this Tint Image tool, to apply tint to image(s). You can do for bulk number of images in one go, and also control the tint color.",
  "multiple": true,
  "controls": [
    {
      "type": "range",
      "name": "red",
      "label": "Red",
      "range": {
        "min": 0,
        "max": 255,
        "value": 255
      },
      "desc": "Red component for the tint to apply."
    },
    {
      "type": "range",
      "name": "green",
      "label": "Green",
      "range": {
        "min": 0,
        "max": 255,
        "value": 240
      },
      "desc": "Green component for the tint to apply."
    },
    {
      "type": "range",
      "name": "blue",
      "label": "Blue",
      "range": {
        "min": 0,
        "max": 255,
        "value": 16
      },
      "desc": "Blue component for the tint to apply."
    }
  ],
  "content": "<h2>Tint Image Effect</h2>\n<p>The tint image effect involves adding a color overlay to an image, which can change the overall hue and appearance of the image. This effect is often used to create artistic effects or to unify the color scheme of an image.</p>\n<p>The tinting process involves blending each pixel's color with a specified tint color. The degree of tinting can be controlled by adjusting the blending factor.</p>\n<h3>Tinting Formula</h3>\n<p>To apply a tint effect, each pixel's color components (red, green, and blue) are blended with the corresponding components of the tint color. The new color components \\( R' \\), \\( G' \\), and \\( B' \\) of a pixel are calculated as:</p>\n<p>\\[\nR' = (1 - \\alpha) \\cdot R + \\alpha \\cdot T_R\n\\]</p>\n<p>\\[\nG' = (1 - \\alpha) \\cdot G + \\alpha \\cdot T_G\n\\]</p>\n<p>\\[\nB' = (1 - \\alpha) \\cdot B + \\alpha \\cdot T_B\n\\]</p>\n<p>where:</p>\n<ul>\n<li>\\( R, G, B \\) are the original color components of the pixel.</li>\n<li>\\( T_R, T_G, T_B \\) are the color components of the tint color.</li>\n<li>\\( \\alpha \\) is the blending factor (0 ≤ \\( \\alpha \\) ≤ 1).</li>\n</ul>\n<h3>Example Calculation</h3>\n<p>Consider a pixel with original color components \\( (R, G, B) = (100, 150, 200) \\) and a tint color \\( (T_R, T_G, T_B) = (255, 0, 0) \\) with a blending factor \\( \\alpha = 0.5 \\).</p>\n<p>The new color components are calculated as:</p>\n<p>\\[\nR' = (1 - 0.5) \\cdot 100 + 0.5 \\cdot 255 = 50 + 127.5 = 177.5 \\approx 178\n\\]</p>\n<p>\\[\nG' = (1 - 0.5) \\cdot 150 + 0.5 \\cdot 0 = 75 + 0 = 75\n\\]</p>\n<p>\\[\nB' = (1 - 0.5) \\cdot 200 + 0.5 \\cdot 0 = 100 + 0 = 100\n\\]</p>\n<p>So, the new color of the pixel after applying the tint effect is \\( (R', G', B') = (178, 75, 100) \\).</p>\n<h3>Applying the Tint Effect to the Image</h3>\n<p>The tint effect is applied to the entire image by iterating over each pixel, computing the new color components using the tinting formula, and updating the pixel values with the new tinted colors.</p>\n<p>Tinting an image adds a color overlay that can alter the visual tone and mood of the image. The process involves blending the original pixel colors with a specified tint color to achieve the desired effect.</p>",
  "type": "image",
  "operation": "effect"
}