Colortone

'colortone' alters the color scheme of an image. It can add emotion to images, with Instagram-style effects.

Demo

Create your own custom colortone or apply a preset colortone. Preset colortones are: sepia; warm; cold; sunset; purpletan; texas; aurora; blackberry; coffee; clearwater; dusk and stereo. The default value is 'none'.

Preset color tones

'grayscale'

https://demo.sirv.com/vase.jpg?colortone=grayscale

'sepia'

https://demo.sirv.com/vase.jpg?colortone=sepia

'warm'

https://demo.sirv.com/vase.jpg?colortone=warm

'cold'

https://demo.sirv.com/vase.jpg?colortone=cold

'sunset'

https://demo.sirv.com/vase.jpg?colortone=sunset

'purpletan'

https://demo.sirv.com/vase.jpg?colortone=purpletan

'texas'

https://demo.sirv.com/vase.jpg?colortone=texas

'aurora'
https://demo.sirv.com/vase.jpg?colortone=aurora

'blackberry'

https://demo.sirv.com/vase.jpg?colortone=blackberry

'coffee'

https://demo.sirv.com/vase.jpg?colortone=coffee

'clearwater'

https://demo.sirv.com/vase.jpg?colortone=clearwater

'dusk'

https://demo.sirv.com/vase.jpg?colortone=dusk

'stereo'

https://demo.sirv.com/vase.jpg?colortone=stereo

Custom color tones

Create your own style with 3 advanced colortone options: colortone color, colortone level and colortone mode.

'colortone.color' sets the color applied to an image. Apply the color with hex RGB or an HTML color name, like so:

https://demo.sirv.com/vase.jpg?colortone.color=orange

Apply a hex RGB color like so:

https://demo.sirv.com/vase.jpg?colortone.color=009acf

'colortone.level' sets the amount color tone that is applied, with 0 being no tone and 100 being maximum tone (the default).

'colortone.mode' applies tone to either shadows, highlights or, by default, to the entire image (solid).

'solid'

https://demo.sirv.com/vase.jpg?colortone.color=orange&colortone.level=20&colortone.mode=solid

'highlights'

https://demo.sirv.com/vase.jpg?colortone.color=pink&colortone.level=30&colortone.mode=highlights

'shadows'

https://demo.sirv.com/vase.jpg?colortone.color=black&colortone.level=50&colortone.mode=shadows

Multiple color tones

For more advanced effects, you can apply up to 3 color tones to an image.

Apply the first tone with colortone.0.color, colortone.0.level and colortone.0.mode. Apply the 2nd tone with colortone.1.color, colortone.1.level and colortone.1.mode. Apply an optional 3rd tone with colortone.2.color, colortone.2.level and colortone.2.mode.

This image has 2 color tones:

https://demo.sirv.com/vase.jpg?colortone.0.color=0c01a7&colortone.1.color=fe3e3e&colortone.0.level=60&colortone.1.level=80&colortone.0.mode=shadows&colortone.1.mode=highlights

This image has 3 color tones:

https://demo.sirv.com/vase.jpg?colortone.0.color=d0ba8e&colortone.0.level=50&colortone.0.mode=highlights&colortone.1.color=360309&colortone.1.level=85&colortone.1.mode=shadows&colortone.2.color=1d0210&colortone.2.level=20&colortone.2.mode=shadows

Color tones with other effects

Create an even greater range of styles by combining colortone with other Sirv imaging options. The image to the right has greater contrast, brightness, shadows and a colortone:

Here's an image with a different combination: increased highlights, shadows and saturation are followed by colortone option:

This image increases contrast, reduces saturation, then applies colortone and vignette: