How to adjust the colors of a large number of images based on one spesific?

how to change the color of part of an image in photoshop
photoshop - replace color with specific color
how to change the color of anything in photoshop
how to copy color from one image to another in photoshop
photoshop change color of layer
how to change a color in a photo
photoshop remove color from part of picture
photoshop match color in same image

I have a large number of photos which I want to bring to the same 'level' -same colors / brightness / contrast etc. To this end I have one initial / guide with a black & white color checker (basically the squares with colors), which I added to all other photos.

This is the initial / guide and these are some of the photos , ,

As I see it the area with the little square colors (color control squares) must be the same color (hex value) in all photos in order for them to be at the same level -so I can get meaningful data from the strip below.

Is there a way to do with an automated / batch way in photoshop or some other tool?

EDIT: Note that there might be darker / lighter areas than those in the control squares which i want to preserve them (just get lighter/darker accordingly but not completely replace them with a threshold color)

I don't know if this is possible with any advanced tool but here's my take in Photoshop. The idea is quite simple — use a gradient map to remap target colors to source values (hence this won't work on 32bit tiffs):

  1. sample source colors from an active document (source document);
  2. ask for a path with other documents to open, start to open them one by one;
  3. sample target colors and get their position for a gradient map
  4. use source colors and target positions to create a gradient map

Here's the result I got: left row are original documents with a piece of the source squares on top of them for a reference, right row are result documents with the gradient map applied and the same slice from the source doc on top (barely visible):

And here's the script I made.

Note that I was using your png files so if your files are different size you might need to adjust coordinates for color samplers.

var sampler, sampledColors, sourceCoords, targetCoords;

// defining coordinates to sample 6 colors from the active source-document
sourceCoords = [
    [55, 318],
    [190, 318],
    [310, 318],
    [420, 318],
    [560, 318],
    [690, 318],

// defining coordinates to sample target colors from target documents
targetCoords = [
    [78, 120],
    [206, 120],
    [328, 120],
    [453, 120],
    [577, 120],
    [709, 120],

// a library
var Utils = Utils ||

    // will add photoshop Color Sampler to document
    addSample: function(coord)
        return app.activeDocument.colorSamplers.add(coord);

    // reads color from a Color Sampler
    readSample: function(sample)
        return sample.color;

    // gets a collection of Color Samplers
    getSamplers: function()
        return app.activeDocument.colorSamplers;

    // deletes a Color Sampler
    deleteSample: function(sample)

    // RGB > YUV color translation
    rgb2yuv: function(rgb)
        var r = rgb[0] / 255,
            g = rgb[1] / 255,
            b = rgb[2] / 255;

        var y = (r * 0.299) + (g * 0.587) + (b * 0.114);
        var u = (r * -0.14713) + (g * -0.28886) + (b * 0.436);
        var v = (r * 0.615) + (g * -0.51499) + (b * -0.10001);

        return [y, u, v];

    // Linear transformation
    linear: function(X, A, B, C, D, _cut)
        var _cut = _cut !== undefined ? _cut : false;
        var Y = (X - A) / (B - A) * (D - C) + C
        if (_cut)
            if (Y > D) Y = D;
            if (Y < C) Y = C;
        return Y;

    // changes active document color space to RGB
    docToRgb: function()
        var desc16 = new ActionDescriptor();
        desc16.putClass(charIDToTypeID('T   '), charIDToTypeID('RGBM'));
        desc16.putBoolean(charIDToTypeID('Fltt'), false);
        desc16.putBoolean(charIDToTypeID('Rstr'), false);
        executeAction(charIDToTypeID('CnvM'), desc16, DialogModes.NO);

     * @description Creates a rectangle selection in a specific coordinates with a predefined delta: -7 / +7 to 'coord' values
     * @param  {array}  - [0] is X, [1] is Y coordinates
     * @return nothing
    rectangleSelection: function(coord)
        var delta = 7;
        var descRectangleSelection = new ActionDescriptor();
        var rectSelectionRef = new ActionReference();
        rectSelectionRef.putProperty(charIDToTypeID('Chnl'), charIDToTypeID('fsel'));
        descRectangleSelection.putReference(charIDToTypeID('null'), rectSelectionRef);
        var descCoords = new ActionDescriptor();
        descCoords.putUnitDouble(charIDToTypeID('Top '), charIDToTypeID('#Pxl'), coord[1] - delta);
        descCoords.putUnitDouble(charIDToTypeID('Left'), charIDToTypeID('#Pxl'), coord[0] - delta);
        descCoords.putUnitDouble(charIDToTypeID('Btom'), charIDToTypeID('#Pxl'), coord[1] + delta);
        descCoords.putUnitDouble(charIDToTypeID('Rght'), charIDToTypeID('#Pxl'), coord[0] + delta);
        descRectangleSelection.putObject(charIDToTypeID('T   '), charIDToTypeID('Rctn'), descCoords);
        executeAction(charIDToTypeID('setd'), descRectangleSelection, DialogModes.NO);

     * @description saves an active document as a TIF file
     * @param  {object} data - .name (without extension) for a name and data.path for a path
     * @return nothing
    saveTIF: function(data)
        if (!new Folder(data.path).exists) new Folder(data.path).create();
        var desc = new ActionDescriptor();
        var descOptions = new ActionDescriptor();
        descOptions.putEnumerated(charIDToTypeID('BytO'), charIDToTypeID('Pltf'), charIDToTypeID('Mcnt'));
        descOptions.putEnumerated(stringIDToTypeID('layerCompression'), charIDToTypeID('Encd'), stringIDToTypeID('RLE'));
        desc.putObject(charIDToTypeID('As  '), charIDToTypeID('TIFF'), descOptions);
        desc.putPath(charIDToTypeID('In  '), new File(data.path + "/" + + ".tif"));
        executeAction(charIDToTypeID('save'), desc, DialogModes.NO);

// this will get colors from the source document
var getSamplersData = function(coordinates)
    var colors = [];
    var color, sampler;

    // makes sure the doc is in rgb

    // for all coordinates..
    for (var i = 0; i < coordinates.length; i++)
        // create a rectangular selection of 14x14 pixels in the coordinate

        // average blur it to make sure color sampler samples an average color from noisy square because there's no option for color sample size for Color Samplers

        // ads a color sample
        sampler = Utils.addSample(coordinates[i]);

        // reads a color sample
        color = Utils.readSample(sampler);

        // color is added to [colors]
    return colors;

// creates gradient maps for new documents
var setSamplerData = function()
    var workFolder;

    var controller = function(originalColors)
        var docs, doc, docSampler, sampledColors, gradientColors;

            docs = getDocs(); // asks for a folder to work with
        catch (e)
            return false;

        // for all found documents...
        for (var i = 0; i < docs.length; i++)
                // opening it and makes sure it's in rgb mode
                doc = openDocument(docs[i]);
            catch (e)
                return false;

            // getting current colors in the color boxes
            sampledColors = getSamplersData(targetCoords);

            // create an array of color for a gradient map using current colors positions and original colors
            gradientColors = createGradientDataFromColors(originalColors, sampledColors);

            // creates a gradient map

            // saves a file
                path: workFolder + "/export",

    // this will as for a folder and will return found docs
    var getDocs = function()
        var docs;

        workFolder = Folder.selectDialog();
        if (workFolder == null) throw 'cancelled';

        docs = workFolder.getFiles('*');

        for (var i = docs.length - 1; i >= 0; i--)

            if (docs[i] instanceof Folder) docs.splice(i, 1);

        if (docs.length == 0) throw 'no files in the folder';

        return docs;
    }; // end of getDocs()

    // opens a doc and makes sure it's in rgb color mode
    var openDocument = function(path)
        var doc;
            doc = File(path));
            return doc;
        catch (e)
            alert("can't open " + path + "\nAborting");
            throw e;

    // this will create a gradient map 
    var createGradientDataFromColors = function(original, sampled)
        var colors = [];
        var rgbOriginal, rgbSampled, positionSampled;

        for (var i = 0; i < original.length; i++)
            rgbOriginal = getRGB(original[i]); // get an array of [r,g,b] from SolidColor object
            rgbSampled = getRGB(sampled[i]); // get an array of [r,g,b] from SolidColor object
            positionSampled = Math.round(Utils.rgb2yuv(rgbSampled)[0] * 10000) / 100; // getting positions from the current document colors

                color: rgbOriginal,
                pos: positionSampled

        return colors;
    }; // end of createGradientDataFromColors()

    // this will convert an rgb from Solid Color to an array of [r, g and b]
    var getRGB = function(color)
        return [,,];
    }; // end of getRGB()

    // creates a gradient map
    // colors are from the original doc, positions are from the target docs
    var createGradient = function(data)
        var descGradMap = new ActionDescriptor();
        var referenceMap = new ActionReference();
        descGradMap.putReference(charIDToTypeID('null'), referenceMap);
        var desc5 = new ActionDescriptor();
        var desc6 = new ActionDescriptor();
        var desc7 = new ActionDescriptor();

        desc7.putEnumerated(charIDToTypeID('GrdF'), charIDToTypeID('GrdF'), charIDToTypeID('CstS'));
        desc7.putDouble(charIDToTypeID('Intr'), 4096.000000);

        var list1 = new ActionList();
        var el;

        for (var i = 0; i < data.length; i++)
            el = data[i];

            var descTemp = new ActionDescriptor();
            var descColor = new ActionDescriptor();
            descColor.putDouble(charIDToTypeID('Rd  '), el.color[0]);
            descColor.putDouble(charIDToTypeID('Grn '), el.color[1]);
            descColor.putDouble(charIDToTypeID('Bl  '), el.color[2]);
            descTemp.putObject(charIDToTypeID('Clr '), charIDToTypeID('RGBC'), descColor);
            descTemp.putEnumerated(charIDToTypeID('Type'), charIDToTypeID('Clry'), charIDToTypeID('UsrS'));
            descTemp.putInteger(charIDToTypeID('Lctn'), Utils.linear(el.pos, 0, 100, 0, 4096));
            descTemp.putInteger(charIDToTypeID('Mdpn'), 50);
            list1.putObject(charIDToTypeID('Clrt'), descTemp);

        desc7.putList(charIDToTypeID('Clrs'), list1);

        var list2 = new ActionList();
        var desc12 = new ActionDescriptor();
        desc12.putUnitDouble(charIDToTypeID('Opct'), charIDToTypeID('#Prc'), 100.000000);
        desc12.putInteger(charIDToTypeID('Lctn'), 0);
        desc12.putInteger(charIDToTypeID('Mdpn'), 50);
        list2.putObject(charIDToTypeID('TrnS'), desc12);
        var desc13 = new ActionDescriptor();
        desc13.putUnitDouble(charIDToTypeID('Opct'), charIDToTypeID('#Prc'), 100.000000);
        desc13.putInteger(charIDToTypeID('Lctn'), 4096);
        desc13.putInteger(charIDToTypeID('Mdpn'), 50);
        list2.putObject(charIDToTypeID('TrnS'), desc13);
        desc7.putList(charIDToTypeID('Trns'), list2);

        desc6.putObject(charIDToTypeID('Grad'), charIDToTypeID('Grdn'), desc7);
        desc5.putObject(charIDToTypeID('Type'), charIDToTypeID('GdMp'), desc6);

        descGradMap.putObject(charIDToTypeID('Usng'), charIDToTypeID('AdjL'), desc5);
        executeAction(charIDToTypeID('Mk  '), descGradMap, DialogModes.NO);

    return controller;

sampledColors = getSamplersData(sourceCoords);

sampler = setSamplerData();

Understand color adjustments in Photoshop, What are the eight main adjustments that can be made on the adjustment menu? A more specific way to saturate a particular range of colors is with the Targeted Adjustment tool. Click the Targeted Adjustment tool in the Properties panel. Click on a color in the photo, keep your mouse held down, and drag to the right in the photo.

I would automate this with ImageMagick which is installed on most Linux distros and is available for macOS and Windows.

First, I would run a script to get the black and white points from your calibration image. This crops out a 50x50 square from the black and white ends of the calibration strip and calculates their mean values averaged over the 50x50 square. That looks like this:


# Check parameters
if [ $# -ne 1 ] ; then
   echo "Usage: calibrate CALIBRATIONIMAGE" >&2 
   exit 1
# Pick up parameter

# User-adjustable x and y corrdinates of top-left corner of black and white rectangles

# Calculate bottom-right corners of rectangles, given top-left

# Output a check showing where we got black and white points from
convert "$image" -fill none \
    -stroke red  -draw "rectangle $blkx0,$blky0 $blkx1,$blky1" \
    -stroke blue -draw "rectangle $whtx0,$whty0 $whtx1,$whty1" \

# Output black and white points (as rounded percentages)
blkpt=$(convert "$image" -crop 50x50+$blkx0+$blky0 -format "%[fx:round(mean*100)]" info:)
whtpt=$(convert "$image" -crop 50x50+$whtx0+$whty0 -format "%[fx:round(mean*100)]" info:)

echo "[$image]: Black point: $blkpt, white point: $whtpt. Check image: [$check]"

And you would run:

./calibrate calibration.png

and get the following output:

./calibrate calibration.png
[calibration.png]: Black point: 5, white point: 91. Check image: [check-calibration.png]

So now we know that the mean brightness in the red square is 5, and the mean brightness in the blue square is 91 and we can check where the squares were extracted from too.

Now we need to apply that to the other images. Let's just do one first. The code for apply is:


# Check parameters
if [ $# -ne 3 ] ; then
   echo "Usage: apply blackpoint whitepoint image" >&2
   exit 1

# Pick up parameters

# User-adjustable x and y coordinates of top-left corner of black and white rectangles

# Calculate bottom-right corners of rectangles, given top-left

# Output a check showing where we got black and white points from
convert "$image" -fill none \
    -stroke red  -draw "rectangle $blkx0,$blky0 $blkx1,$blky1" \
    -stroke blue -draw "rectangle $whtx0,$whty0 $whtx1,$whty1" \

# Get current black and white points
blkpt=$(convert "$image" -crop 50x50+$blkx0+$blky0 -format "%[fx:round(mean*100)]" info:)
whtpt=$(convert "$image" -crop 50x50+$whtx0+$whty0 -format "%[fx:round(mean*100)]" info:)

# The following line actually does the entire calibration!
convert "$image" -level ${blkpt},${whtpt}% +level ${newblkpt},${newwhtpt}% "$newname"
echo "[$image]: Black point: $blkpt, white point: $whtpt => [$newname]: Black point: $newblkpt, white point: $newwhtpt"

So, if we run that and apply the calibration we just learned of 5, 91 to im1.png we get:

./apply 5 91 im1.png 
[im1.png]: Black point: 4, white point: 71 => [corrected-im1.png]: Black point: 5, white point: 91 

That gives us this corrected image (with the white considerably raised):

and this check image showing which areas we calibrated from:

So then we just need a loop to do all the images in a directory:

for f in *.png ; do
    ./apply 5 91 "$f"

That gives us these results:

Keywords: ImageMagick, command line, command line, image, image processing, calibrate, calibration, calibration strip, test strip.

Note that if you use ImageMagick v7 or newer, replace the command convert with magick throughout both scripts.

Lesson 14 Producing and Printing Consistent Color (CS6), space to use for images that will be printed. Hue/Saturation lets you adjust the hue, saturation, and lightness of a specific range of colors in an image or simultaneously adjust all the colors in an image. This adjustment is especially good for fine-tuning colors in a CMYK image so that they are in the gamut of an output device. You can save

If you want to do it with Photoshop, you need to get an averaged value for the black calibration square in your calibration image by opening the histogram window and then drawing a marquee over the black square and noting the mean (11.89):

Then like wise for the white calibration square noting the mean value 231:

Then you need to get the same two values in your uncalibrated image. The black value is 10:

And the white value is 180:

Now add a Levels Adjustment Layer (see green area) and put in the values from above (blue area):

So, I guess you can make a shortcut that adds a Levels Adjustment Layer with the two values from the calibration image programmed in and batch apply it to all your images. You'll just then need to manually add the other two values for each specific image.

Adjust image color and tone in Photoshop, In Adobe Photoshop, learn how to adjust image color and tone by using You can add more than one adjustment layer for more complex image editing. You can also use a mask to apply the adjustment to a specific part of the image. If you want to apply the same adjustment to multiple images, you can  J = imadjust (I) maps the intensity values in grayscale image I to new values in J. By default, imadjust saturates the bottom 1% and the top 1% of all pixel values. This operation increases the contrast of the output image J. You optionally can perform contrast adjustment using a GPU (requires Parallel Computing Toolbox™).

The Electrical Engineering Handbook, During the coding process, a binary map called significant map is maintained so Most existing approaches represent images based only on their composition with algorithms for monochrome images generally are based on one of two basic It represents the image as a small set of localized coherent regions in color  For pseudo-color functions see later. 24-bit RGB images. The colors in RGB images (24-bit with 8-bits for each of the red, green and blue channels) are used to show multi-channel images. The colors are designed to reflect genuine colors (i.e. the green in an RGB image reflects green color in the specimen). There are several RGB functions in Fiji.

Adjust the properties of an image – Figma, We will scale and position the Image based on the Fill mode you've selected. If you already have an image added, this will replace the existing Image with the new one. Allows you to adjust the intensity of the colors within an image. This can happen in Files where there are a large number of high resolution assets. In Paint, open your image by opening up the File menu, and then clicking the “Open” command. Find and select the image you want to resize, and then click the “Open” button. On the Home tab of the Paint toolbar, click the “Resize” button. Paint gives you the option of resizing by percentage or by pixels.

Computer Analysis of Images and Patterns: 9th International , Image. Retrieval. Using. Spatial. Color. Information. Krzysztof Walczak Institute of The method is based on a regular subblock approach with a large number of 1. Introduction. A key aspect of image databases is the creation of robust and In particular, color remains the most important low-level feature which is used to  Windows doesn’t do the best job of scaling on high-resolution monitors. And if you have multiple monitors with different pixel densities, things can get even more confusing. Thankfully, Windows 10 has settings that can help.

  • Works great :) Could u add some comments on what each segment of code do? You used the script listener plugin to generate some of the code or its all hand written? -1st time I saw the var Utils = Utils || {...} declaration (if its for creating a namespace why u add the methods inside the {} instead of defining them afterwards like in the… accepted answer ? )
  • I've added some comments. Yes, some of the code is generated by Scripting Listener. I think you're correct and var Utils = Utils || {...} isn't necessary here: it's just my habitude. I'm not a real coder and write some of the things without any understanding :D
  • Very nice & simple. Only problem is I do not know my extremes (in the uncalibrated image there could be more white and more black colors in the data strip than my calibration squares - the little circle in the top left corner is also a color checker for white and is more white than the white calibration square). So I cannot have cut off values, just to adjust the image so the calibration squares gets the same values more or less with the sample image (and the rest of areas gets darker/brighter etc but still keep that information)