Tint an image

Tint transformation allows users to change the overall color of an image by adding a color cast or hue. This can be done to create an artistic effect, adjust the color balance of an image, or add a certain mood or tone to an image.

You can change the color of your image by using this transformation. Tint the image using the provided chroma while preserving the image's luminance. An alpha channel may be present and will be unchanged by the operation.

Params

Color (`b`)

The color defaults to black without transparency.

Uses a hex value to determine the color.

Tint
Tint with color=f2c94c
Original

https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.tint()/images/transformation/basic_pink_flower.jpeg

<PixelBinImage url="https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.tint()/images/transformation/basic_pink_flower.jpeg" />

import Pixelbin from "@pixelbin/core";

const obj = {
    cloudName: "dummy-cloudname",
    zone: "FIDrmb",
    version: "v2",
    transformations: [{"name":"tint","plugin":"t"}],
    filePath: "images/transformation/basic_pink_flower.jpeg",
    baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.default.utils.objToUrl(obj);
console.log(url);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.tint()/images/transformation/basic_pink_flower.jpeg

const { url } = require("@pixelbin/admin");

const obj = {
    cloudName: "dummy-cloudname",
    zone: "FIDrmb",
    version: "v2",
    transformations: [{"name":"tint","plugin":"t"}],
    filePath: "images/transformation/basic_pink_flower.jpeg",
    baseUrl: "https://cdn.pixelbin.io",
};
const cdnUrl = url.objToUrl(obj);
console.log(cdnUrl);
// cdnUrl
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.tint()/images/transformation/basic_pink_flower.jpeg

from pixelbin.utils.url import obj_to_url

obj = {
    "cloudName": "dummy-cloudname",
    "zone": "FIDrmb",
    "version": "v2",
    "transformations": [{"name":"tint","plugin":"t"}],
    "filePath": "images/transformation/basic_pink_flower.jpeg",
    "baseUrl": "https://cdn.pixelbin.io",
}
url = obj_to_url(obj)
print(url)
# url
# https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.tint()/images/transformation/basic_pink_flower.jpeg

package main

import (
 "fmt"
 "github.com/pixelbin-dev/pixelbin-go/v2/sdk/utils/url"
)

func main() {
    obj := map[string]interface{}{
        "cloudName": "dummy-cloudname",
        "zoneSlug": "FIDrmb",
        "version": "v2",
        "transformations": []map[string]interface{}{
		{"plugin": "t", "name": "tint"},
        },
        "filePath": "images/transformation/basic_pink_flower.jpeg",
        "baseUrl": "https://cdn.pixelbin.io",
        "options": map[string]interface{}{},
    }
    urlstring, err := url.ObjToUrl(obj)
    if err != nil {
        fmt.Println(err)
    }
    fmt.Println(urlstring)
}
// urlstring
//  https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.tint()/images/transformation/basic_pink_flower.jpeg

import com.pixelbin.url.UrlObj
import com.pixelbin.Utils
import com.pixelbin.transformation.TransformationObj

fun main(){
    val obj = UrlObj(
        cloudName = "dummy-cloudname",
        zone = "FIDrmb",
        version = "v2",
        transformation = arrayListOf(
		TransformationObj( plugin = "t", name = "tint", )
        ),
        filePath = "images/transformation/basic_pink_flower.jpeg",
        baseUrl = "https://cdn.pixelbin.io"
    )
    val url = Utils.objToUrl(obj)
    println(url)
    // url
    // https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.tint()/images/transformation/basic_pink_flower.jpeg
}

 using System;
 using System.Collections.Generic;
 using System.IO;
 using Pixelbin.Utils;

 namespace ExampleNamespace
 {
     class ExampleClass
     {
         static void Main(string[] args)
         {
            UrlObj obj = new UrlObj(
                version: "v2",
                cloudName: "dummy-cloudname",
                filePath: "images/transformation/basic_pink_flower.jpeg",
                zone: "FIDrmb",
                baseUrl: "https://cdn.pixelbin.io",
                transformations: new List<UrlTransformation>() {
			new UrlTransformation(plugin: "t", name: "tint", )
                }
            );
            string url = Url.ObjToUrl(obj);
            Console.WriteLine(url);
            // returned url string
            // https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.tint()/images/transformation/basic_pink_flower.jpeg
         }
    }
}

<?php
require 'vendor/autoload.php';
use Pixelbin\Utils\Url;

$obj = [
    "cloudName" => "dummy-cloudname",
    "zone" => "FIDrmb",
    "version" => "v2",
    "options" => [],
    "transformations" => [
    	["plugin" => "t", "name" => "tint", ],
    ],
    "filePath" => "images/transformation/basic_pink_flower.jpeg",
    "baseUrl" => "https://cdn.pixelbin.io",
];
$url = Url::obj_to_url($obj);
print($url);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.tint()/images/transformation/basic_pink_flower.jpeg
?>

https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.tint(c:f2c94c)/images/transformation/basic_pink_flower.jpeg

<PixelBinImage url="https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.tint(c:f2c94c)/images/transformation/basic_pink_flower.jpeg" />

import Pixelbin from "@pixelbin/core";

const obj = {
    cloudName: "dummy-cloudname",
    zone: "FIDrmb",
    version: "v2",
    transformations: [{"name":"tint","plugin":"t","values":[{"key":"c","value":"f2c94c"}]}],
    filePath: "images/transformation/basic_pink_flower.jpeg",
    baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.default.utils.objToUrl(obj);
console.log(url);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.tint(c:f2c94c)/images/transformation/basic_pink_flower.jpeg

const { url } = require("@pixelbin/admin");

const obj = {
    cloudName: "dummy-cloudname",
    zone: "FIDrmb",
    version: "v2",
    transformations: [{"name":"tint","plugin":"t","values":[{"key":"c","value":"f2c94c"}]}],
    filePath: "images/transformation/basic_pink_flower.jpeg",
    baseUrl: "https://cdn.pixelbin.io",
};
const cdnUrl = url.objToUrl(obj);
console.log(cdnUrl);
// cdnUrl
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.tint(c:f2c94c)/images/transformation/basic_pink_flower.jpeg

from pixelbin.utils.url import obj_to_url

obj = {
    "cloudName": "dummy-cloudname",
    "zone": "FIDrmb",
    "version": "v2",
    "transformations": [{"name":"tint","plugin":"t","values":[{"key":"c","value":"f2c94c"}]}],
    "filePath": "images/transformation/basic_pink_flower.jpeg",
    "baseUrl": "https://cdn.pixelbin.io",
}
url = obj_to_url(obj)
print(url)
# url
# https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.tint(c:f2c94c)/images/transformation/basic_pink_flower.jpeg

package main

import (
 "fmt"
 "github.com/pixelbin-dev/pixelbin-go/v2/sdk/utils/url"
)

func main() {
    obj := map[string]interface{}{
        "cloudName": "dummy-cloudname",
        "zoneSlug": "FIDrmb",
        "version": "v2",
        "transformations": []map[string]interface{}{
		{"plugin": "t", "name": "tint", "values": []map[string]interface{}{ {"key": "c", "value": "f2c94c"},}},
        },
        "filePath": "images/transformation/basic_pink_flower.jpeg",
        "baseUrl": "https://cdn.pixelbin.io",
        "options": map[string]interface{}{},
    }
    urlstring, err := url.ObjToUrl(obj)
    if err != nil {
        fmt.Println(err)
    }
    fmt.Println(urlstring)
}
// urlstring
//  https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.tint(c:f2c94c)/images/transformation/basic_pink_flower.jpeg

import com.pixelbin.url.UrlObj
import com.pixelbin.Utils
import com.pixelbin.transformation.TransformationObj

fun main(){
    val obj = UrlObj(
        cloudName = "dummy-cloudname",
        zone = "FIDrmb",
        version = "v2",
        transformation = arrayListOf(
		TransformationObj( plugin = "t", name = "tint", values = hashMapOf( "c" to "f2c94c"), )
        ),
        filePath = "images/transformation/basic_pink_flower.jpeg",
        baseUrl = "https://cdn.pixelbin.io"
    )
    val url = Utils.objToUrl(obj)
    println(url)
    // url
    // https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.tint(c:f2c94c)/images/transformation/basic_pink_flower.jpeg
}

 using System;
 using System.Collections.Generic;
 using System.IO;
 using Pixelbin.Utils;

 namespace ExampleNamespace
 {
     class ExampleClass
     {
         static void Main(string[] args)
         {
            UrlObj obj = new UrlObj(
                version: "v2",
                cloudName: "dummy-cloudname",
                filePath: "images/transformation/basic_pink_flower.jpeg",
                zone: "FIDrmb",
                baseUrl: "https://cdn.pixelbin.io",
                transformations: new List<UrlTransformation>() {
			new UrlTransformation(plugin: "t", name: "tint", values: new List<Dictionary<string, string>>() { new Dictionary<string, string>() { { "key", "c" }, { "value", "f2c94c" } }} )
                }
            );
            string url = Url.ObjToUrl(obj);
            Console.WriteLine(url);
            // returned url string
            // https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.tint(c:f2c94c)/images/transformation/basic_pink_flower.jpeg
         }
    }
}

<?php
require 'vendor/autoload.php';
use Pixelbin\Utils\Url;

$obj = [
    "cloudName" => "dummy-cloudname",
    "zone" => "FIDrmb",
    "version" => "v2",
    "options" => [],
    "transformations" => [
    	["plugin" => "t", "name" => "tint", "values" => [ [ "key" => "c", "value" => "f2c94c" ], ], ],
    ],
    "filePath" => "images/transformation/basic_pink_flower.jpeg",
    "baseUrl" => "https://cdn.pixelbin.io",
];
$url = Url::obj_to_url($obj);
print($url);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.tint(c:f2c94c)/images/transformation/basic_pink_flower.jpeg
?>

https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_pink_flower.jpeg

<PixelBinImage url="https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_pink_flower.jpeg" />

import Pixelbin from "@pixelbin/core";

const obj = {
    cloudName: "dummy-cloudname",
    zone: "FIDrmb",
    version: "v2",
    transformations: [],
    filePath: "images/transformation/basic_pink_flower.jpeg",
    baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.default.utils.objToUrl(obj);
console.log(url);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_pink_flower.jpeg

const { url } = require("@pixelbin/admin");

const obj = {
    cloudName: "dummy-cloudname",
    zone: "FIDrmb",
    version: "v2",
    transformations: [],
    filePath: "images/transformation/basic_pink_flower.jpeg",
    baseUrl: "https://cdn.pixelbin.io",
};
const cdnUrl = url.objToUrl(obj);
console.log(cdnUrl);
// cdnUrl
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_pink_flower.jpeg

from pixelbin.utils.url import obj_to_url

obj = {
    "cloudName": "dummy-cloudname",
    "zone": "FIDrmb",
    "version": "v2",
    "transformations": [],
    "filePath": "images/transformation/basic_pink_flower.jpeg",
    "baseUrl": "https://cdn.pixelbin.io",
}
url = obj_to_url(obj)
print(url)
# url
# https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_pink_flower.jpeg

package main

import (
 "fmt"
 "github.com/pixelbin-dev/pixelbin-go/v2/sdk/utils/url"
)

func main() {
    obj := map[string]interface{}{
        "cloudName": "dummy-cloudname",
        "zoneSlug": "FIDrmb",
        "version": "v2",
        "transformations": []map[string]interface{}{

        },
        "filePath": "images/transformation/basic_pink_flower.jpeg",
        "baseUrl": "https://cdn.pixelbin.io",
        "options": map[string]interface{}{},
    }
    urlstring, err := url.ObjToUrl(obj)
    if err != nil {
        fmt.Println(err)
    }
    fmt.Println(urlstring)
}
// urlstring
//  https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_pink_flower.jpeg

import com.pixelbin.url.UrlObj
import com.pixelbin.Utils
import com.pixelbin.transformation.TransformationObj

fun main(){
    val obj = UrlObj(
        cloudName = "dummy-cloudname",
        zone = "FIDrmb",
        version = "v2",
        transformation = arrayListOf(

        ),
        filePath = "images/transformation/basic_pink_flower.jpeg",
        baseUrl = "https://cdn.pixelbin.io"
    )
    val url = Utils.objToUrl(obj)
    println(url)
    // url
    // https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_pink_flower.jpeg
}

 using System;
 using System.Collections.Generic;
 using System.IO;
 using Pixelbin.Utils;

 namespace ExampleNamespace
 {
     class ExampleClass
     {
         static void Main(string[] args)
         {
            UrlObj obj = new UrlObj(
                version: "v2",
                cloudName: "dummy-cloudname",
                filePath: "images/transformation/basic_pink_flower.jpeg",
                zone: "FIDrmb",
                baseUrl: "https://cdn.pixelbin.io",
                transformations: new List<UrlTransformation>() {

                }
            );
            string url = Url.ObjToUrl(obj);
            Console.WriteLine(url);
            // returned url string
            // https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_pink_flower.jpeg
         }
    }
}

<?php
require 'vendor/autoload.php';
use Pixelbin\Utils\Url;

$obj = [
    "cloudName" => "dummy-cloudname",
    "zone" => "FIDrmb",
    "version" => "v2",
    "options" => [],
    "transformations" => [
    
    ],
    "filePath" => "images/transformation/basic_pink_flower.jpeg",
    "baseUrl" => "https://cdn.pixelbin.io",
];
$url = Url::obj_to_url($obj);
print($url);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_pink_flower.jpeg
?>

Params

Color (b)

Color (`b`)