Tint Examples
These examples are equivalent to building an array of lightened colors.
let scheme: Color.hex[] = Color.from('hex', '881155')
.scheme('tint', {
method: /* methods listed below */,
colors: 10
})
tint
hsl
hsl:{"h":326,"s":78,"l":30,"a":100}hsl:{"h":326,"s":78,"l":38,"a":100}hsl:{"h":326,"s":78,"l":46,"a":100}hsl:{"h":326,"s":78,"l":53,"a":100}hsl:{"h":326,"s":78,"l":61,"a":100}hsl:{"h":326,"s":77,"l":69,"a":100}hsl:{"h":326,"s":78,"l":77,"a":100}hsl:{"h":325,"s":78,"l":84,"a":100}hsl:{"h":327,"s":79,"l":92,"a":100}hsl:{"h":0,"s":0,"l":100,"a":100}tint
hsv
hsv:{"h":326,"s":88,"v":53,"a":100}hsv:{"h":326,"s":78,"v":58,"a":100}hsv:{"h":326,"s":68,"v":64,"a":100}hsv:{"h":326,"s":59,"v":69,"a":100}hsv:{"h":325,"s":49,"v":74,"a":100}hsv:{"h":326,"s":39,"v":79,"a":100}hsv:{"h":326,"s":29,"v":84,"a":100}hsv:{"h":325,"s":20,"v":90,"a":100}hsv:{"h":325,"s":10,"v":95,"a":100}hsv:{"h":0,"s":0,"v":100,"a":100}tint
hsi
hsi:{"h":325,"s":79,"i":31,"a":100}hsi:{"h":325,"s":70,"i":39,"a":100}hsi:{"h":325,"s":61,"i":46,"a":100}hsi:{"h":326,"s":52,"i":54,"a":100}hsi:{"h":325,"s":44,"i":62,"a":100}hsi:{"h":325,"s":35,"i":69,"a":100}hsi:{"h":325,"s":26,"i":77,"a":100}hsi:{"h":325,"s":17,"i":85,"a":100}hsi:{"h":326,"s":9,"i":92,"a":100}hsi:{"h":0,"s":0,"i":100,"a":100}tint
hsp
hsp:{"h":326,"s":88,"p":32,"a":100,"pb":0.114,"pr":0.299}hsp:{"h":326,"s":78,"p":39,"a":100,"pb":0.114,"pr":0.299}hsp:{"h":326,"s":68,"p":47,"a":100,"pb":0.114,"pr":0.299}hsp:{"h":326,"s":58,"p":55,"a":100,"pb":0.114,"pr":0.299}hsp:{"h":325,"s":49,"p":62,"a":100,"pb":0.114,"pr":0.299}hsp:{"h":326,"s":39,"p":70,"a":100,"pb":0.114,"pr":0.299}hsp:{"h":326,"s":29,"p":77,"a":100,"pb":0.114,"pr":0.299}hsp:{"h":326,"s":20,"p":85,"a":100,"pb":0.114,"pr":0.299}hsp:{"h":328,"s":10,"p":93,"a":100,"pb":0.114,"pr":0.299}hsp:{"h":0,"s":0,"p":100,"a":100,"pb":0.114,"pr":0.299}tint
rgb
rgb:{"r":136,"g":17,"b":85,"a":255,"bitDepth":8}rgb:{"r":149,"g":43,"b":104,"a":255,"bitDepth":8}rgb:{"r":162,"g":70,"b":123,"a":255,"bitDepth":8}rgb:{"r":176,"g":96,"b":142,"a":255,"bitDepth":8}rgb:{"r":189,"g":123,"b":161,"a":255,"bitDepth":8}rgb:{"r":202,"g":149,"b":179,"a":255,"bitDepth":8}rgb:{"r":215,"g":176,"b":198,"a":255,"bitDepth":8}rgb:{"r":229,"g":202,"b":217,"a":255,"bitDepth":8}rgb:{"r":242,"g":229,"b":236,"a":255,"bitDepth":8}rgb:{"r":255,"g":255,"b":255,"a":255,"bitDepth":8}tint
rgb2
rgb:{"r":136,"g":17,"b":85,"a":255,"bitDepth":8}rgb:{"r":162,"g":43,"b":111,"a":255,"bitDepth":8}rgb:{"r":189,"g":70,"b":138,"a":255,"bitDepth":8}rgb:{"r":215,"g":96,"b":164,"a":255,"bitDepth":8}rgb:{"r":242,"g":123,"b":191,"a":255,"bitDepth":8}rgb:{"r":255,"g":149,"b":217,"a":255,"bitDepth":8}rgb:{"r":255,"g":176,"b":244,"a":255,"bitDepth":8}rgb:{"r":255,"g":202,"b":255,"a":255,"bitDepth":8}rgb:{"r":255,"g":229,"b":255,"a":255,"bitDepth":8}rgb:{"r":255,"g":255,"b":255,"a":255,"bitDepth":8}tint
cmyk
cmyk:{"c":0,"m":88,"y":38,"k":47}cmyk:{"c":0,"m":78,"y":34,"k":42}cmyk:{"c":0,"m":68,"y":29,"k":36}cmyk:{"c":0,"m":59,"y":25,"k":31}cmyk:{"c":0,"m":49,"y":21,"k":26}cmyk:{"c":0,"m":39,"y":17,"k":21}cmyk:{"c":0,"m":29,"y":13,"k":16}cmyk:{"c":0,"m":20,"y":8,"k":10}cmyk:{"c":0,"m":10,"y":4,"k":5}cmyk:{"c":0,"m":0,"y":0,"k":0}tint
lab
lab:{"l":30,"a":52,"b":-8}lab:{"l":38,"a":46,"b":-7}lab:{"l":46,"a":41,"b":-6}lab:{"l":53,"a":35,"b":-5}lab:{"l":61,"a":29,"b":-4}lab:{"l":69,"a":23,"b":-3}lab:{"l":77,"a":18,"b":-3}lab:{"l":85,"a":11,"b":-2}lab:{"l":92,"a":6,"b":-1}lab:{"l":100,"a":0,"b":0}tint
luv
luv:{"l":30,"u":63,"v":-18}luv:{"l":38,"u":56,"v":-15}luv:{"l":46,"u":48,"v":-13}luv:{"l":53,"u":42,"v":-12}luv:{"l":61,"u":35,"v":-10}luv:{"l":69,"u":28,"v":-8}luv:{"l":77,"u":21,"v":-6}luv:{"l":84,"u":14,"v":-5}luv:{"l":92,"u":7,"v":-2}luv:{"l":100,"u":0,"v":0}let scheme: Color.hex[] = Color.from('hex', '22aaee')
.scheme('tint', {
method: /* methods listed below */,
colors: 10
})
tint
hsl
hsl:{"h":200,"s":86,"l":53,"a":100}hsl:{"h":200,"s":86,"l":59,"a":100}hsl:{"h":200,"s":86,"l":64,"a":100}hsl:{"h":200,"s":86,"l":69,"a":100}hsl:{"h":200,"s":86,"l":74,"a":100}hsl:{"h":200,"s":85,"l":79,"a":100}hsl:{"h":199,"s":85,"l":84,"a":100}hsl:{"h":200,"s":85,"l":90,"a":100}hsl:{"h":198,"s":85,"l":95,"a":100}hsl:{"h":0,"s":0,"l":100,"a":100}tint
hsv
hsv:{"h":200,"s":86,"v":93,"a":100}hsv:{"h":200,"s":76,"v":94,"a":100}hsv:{"h":200,"s":67,"v":95,"a":100}hsv:{"h":200,"s":57,"v":96,"a":100}hsv:{"h":200,"s":48,"v":96,"a":100}hsv:{"h":200,"s":38,"v":97,"a":100}hsv:{"h":199,"s":29,"v":98,"a":100}hsv:{"h":200,"s":19,"v":98,"a":100}hsv:{"h":200,"s":9,"v":99,"a":100}hsv:{"h":0,"s":0,"v":100,"a":100}tint
hsi
hsi:{"h":199,"s":77,"i":58,"a":100}hsi:{"h":199,"s":69,"i":62,"a":100}hsi:{"h":199,"s":60,"i":67,"a":100}hsi:{"h":198,"s":51,"i":71,"a":100}hsi:{"h":197,"s":42,"i":76,"a":100}hsi:{"h":196,"s":33,"i":80,"a":100}hsi:{"h":195,"s":25,"i":85,"a":100}hsi:{"h":194,"s":16,"i":90,"a":100}hsi:{"h":193,"s":8,"i":95,"a":100}hsi:{"h":0,"s":0,"i":100,"a":100}tint
hsp
hsp:{"h":200,"s":86,"p":60,"a":100,"pb":0.114,"pr":0.299}hsp:{"h":200,"s":76,"p":65,"a":100,"pb":0.114,"pr":0.299}hsp:{"h":200,"s":67,"p":69,"a":100,"pb":0.114,"pr":0.299}hsp:{"h":200,"s":57,"p":74,"a":100,"pb":0.114,"pr":0.299}hsp:{"h":200,"s":48,"p":78,"a":100,"pb":0.114,"pr":0.299}hsp:{"h":200,"s":38,"p":82,"a":100,"pb":0.114,"pr":0.299}hsp:{"h":199,"s":28,"p":87,"a":100,"pb":0.114,"pr":0.299}hsp:{"h":199,"s":19,"p":91,"a":100,"pb":0.114,"pr":0.299}hsp:{"h":198,"s":9,"p":96,"a":100,"pb":0.114,"pr":0.299}hsp:{"h":0,"s":0,"p":100,"a":100,"pb":0.114,"pr":0.299}tint
rgb
rgb:{"r":34,"g":170,"b":238,"a":255,"bitDepth":8}rgb:{"r":59,"g":179,"b":240,"a":255,"bitDepth":8}rgb:{"r":83,"g":189,"b":242,"a":255,"bitDepth":8}rgb:{"r":108,"g":198,"b":244,"a":255,"bitDepth":8}rgb:{"r":132,"g":208,"b":246,"a":255,"bitDepth":8}rgb:{"r":157,"g":217,"b":247,"a":255,"bitDepth":8}rgb:{"r":181,"g":227,"b":249,"a":255,"bitDepth":8}rgb:{"r":206,"g":236,"b":251,"a":255,"bitDepth":8}rgb:{"r":230,"g":246,"b":253,"a":255,"bitDepth":8}rgb:{"r":255,"g":255,"b":255,"a":255,"bitDepth":8}tint
rgb2
rgb:{"r":34,"g":170,"b":238,"a":255,"bitDepth":8}rgb:{"r":59,"g":195,"b":255,"a":255,"bitDepth":8}rgb:{"r":83,"g":219,"b":255,"a":255,"bitDepth":8}rgb:{"r":108,"g":244,"b":255,"a":255,"bitDepth":8}rgb:{"r":132,"g":255,"b":255,"a":255,"bitDepth":8}rgb:{"r":157,"g":255,"b":255,"a":255,"bitDepth":8}rgb:{"r":181,"g":255,"b":255,"a":255,"bitDepth":8}rgb:{"r":206,"g":255,"b":255,"a":255,"bitDepth":8}rgb:{"r":230,"g":255,"b":255,"a":255,"bitDepth":8}rgb:{"r":255,"g":255,"b":255,"a":255,"bitDepth":8}tint
cmyk
cmyk:{"c":86,"m":29,"y":0,"k":7}cmyk:{"c":76,"m":25,"y":0,"k":6}cmyk:{"c":67,"m":22,"y":0,"k":5}cmyk:{"c":57,"m":19,"y":0,"k":4}cmyk:{"c":48,"m":16,"y":0,"k":4}cmyk:{"c":38,"m":13,"y":0,"k":3}cmyk:{"c":29,"m":9,"y":0,"k":2}cmyk:{"c":19,"m":6,"y":0,"k":2}cmyk:{"c":9,"m":3,"y":0,"k":1}cmyk:{"c":0,"m":0,"y":0,"k":0}tint
lab
lab:{"l":66,"a":-11,"b":-44}lab:{"l":70,"a":-10,"b":-39}lab:{"l":73,"a":-9,"b":-34}lab:{"l":77,"a":-7,"b":-29}lab:{"l":81,"a":-6,"b":-24}lab:{"l":85,"a":-5,"b":-20}lab:{"l":89,"a":-4,"b":-15}lab:{"l":92,"a":-2,"b":-10}lab:{"l":96,"a":-1,"b":-5}lab:{"l":100,"a":0,"b":0}tint
luv
luv:{"l":66,"u":-42,"v":-69}luv:{"l":70,"u":-37,"v":-61}luv:{"l":74,"u":-33,"v":-53}luv:{"l":77,"u":-28,"v":-46}luv:{"l":81,"u":-23,"v":-38}luv:{"l":85,"u":-19,"v":-30}luv:{"l":89,"u":-14,"v":-23}luv:{"l":92,"u":-9,"v":-15}luv:{"l":96,"u":-5,"v":-8}luv:{"l":100,"u":0,"v":0}let scheme: Color.hex[] = Color.from('hex', '881155')
.scheme('tint', {
method: /* methods listed below */,
colors: 10,
distance: 0.5
})
tint
hsl
hsl:{"h":326,"s":78,"l":30,"a":100}hsl:{"h":326,"s":78,"l":34,"a":100}hsl:{"h":326,"s":78,"l":38,"a":100}hsl:{"h":326,"s":77,"l":42,"a":100}hsl:{"h":326,"s":78,"l":46,"a":100}hsl:{"h":326,"s":78,"l":49,"a":100}hsl:{"h":326,"s":78,"l":53,"a":100}hsl:{"h":326,"s":78,"l":57,"a":100}hsl:{"h":326,"s":78,"l":61,"a":100}hsl:{"h":325,"s":78,"l":65,"a":100}tint
hsv
hsv:{"h":326,"s":88,"v":53,"a":100}hsv:{"h":326,"s":83,"v":56,"a":100}hsv:{"h":326,"s":78,"v":58,"a":100}hsv:{"h":326,"s":73,"v":61,"a":100}hsv:{"h":326,"s":68,"v":64,"a":100}hsv:{"h":326,"s":63,"v":66,"a":100}hsv:{"h":326,"s":59,"v":69,"a":100}hsv:{"h":325,"s":53,"v":71,"a":100}hsv:{"h":325,"s":49,"v":74,"a":100}hsv:{"h":326,"s":44,"v":77,"a":100}tint
hsi
hsi:{"h":325,"s":79,"i":31,"a":100}hsi:{"h":325,"s":74,"i":35,"a":100}hsi:{"h":325,"s":70,"i":39,"a":100}hsi:{"h":325,"s":66,"i":42,"a":100}hsi:{"h":325,"s":61,"i":46,"a":100}hsi:{"h":325,"s":57,"i":50,"a":100}hsi:{"h":326,"s":52,"i":54,"a":100}hsi:{"h":325,"s":48,"i":58,"a":100}hsi:{"h":325,"s":44,"i":62,"a":100}hsi:{"h":325,"s":40,"i":65,"a":100}tint
hsp
hsp:{"h":326,"s":88,"p":32,"a":100,"pb":0.114,"pr":0.299}hsp:{"h":326,"s":83,"p":36,"a":100,"pb":0.114,"pr":0.299}hsp:{"h":326,"s":78,"p":39,"a":100,"pb":0.114,"pr":0.299}hsp:{"h":326,"s":73,"p":43,"a":100,"pb":0.114,"pr":0.299}hsp:{"h":326,"s":68,"p":47,"a":100,"pb":0.114,"pr":0.299}hsp:{"h":326,"s":63,"p":51,"a":100,"pb":0.114,"pr":0.299}hsp:{"h":326,"s":58,"p":55,"a":100,"pb":0.114,"pr":0.299}hsp:{"h":325,"s":54,"p":58,"a":100,"pb":0.114,"pr":0.299}hsp:{"h":325,"s":49,"p":62,"a":100,"pb":0.114,"pr":0.299}hsp:{"h":326,"s":44,"p":66,"a":100,"pb":0.114,"pr":0.299}tint
rgb
rgb:{"r":136,"g":17,"b":85,"a":255,"bitDepth":8}rgb:{"r":143,"g":30,"b":94,"a":255,"bitDepth":8}rgb:{"r":149,"g":43,"b":104,"a":255,"bitDepth":8}rgb:{"r":156,"g":57,"b":113,"a":255,"bitDepth":8}rgb:{"r":162,"g":70,"b":123,"a":255,"bitDepth":8}rgb:{"r":169,"g":83,"b":132,"a":255,"bitDepth":8}rgb:{"r":176,"g":96,"b":142,"a":255,"bitDepth":8}rgb:{"r":182,"g":110,"b":151,"a":255,"bitDepth":8}rgb:{"r":189,"g":123,"b":161,"a":255,"bitDepth":8}rgb:{"r":196,"g":136,"b":170,"a":255,"bitDepth":8}tint
rgb2
rgb:{"r":136,"g":17,"b":85,"a":255,"bitDepth":8}rgb:{"r":149,"g":30,"b":98,"a":255,"bitDepth":8}rgb:{"r":162,"g":43,"b":111,"a":255,"bitDepth":8}rgb:{"r":176,"g":57,"b":125,"a":255,"bitDepth":8}rgb:{"r":189,"g":70,"b":138,"a":255,"bitDepth":8}rgb:{"r":202,"g":83,"b":151,"a":255,"bitDepth":8}rgb:{"r":215,"g":96,"b":164,"a":255,"bitDepth":8}rgb:{"r":229,"g":110,"b":178,"a":255,"bitDepth":8}rgb:{"r":242,"g":123,"b":191,"a":255,"bitDepth":8}rgb:{"r":255,"g":136,"b":204,"a":255,"bitDepth":8}tint
cmyk
cmyk:{"c":0,"m":88,"y":38,"k":47}cmyk:{"c":0,"m":83,"y":36,"k":44}cmyk:{"c":0,"m":78,"y":34,"k":42}cmyk:{"c":0,"m":73,"y":31,"k":39}cmyk:{"c":0,"m":68,"y":29,"k":36}cmyk:{"c":0,"m":63,"y":27,"k":34}cmyk:{"c":0,"m":59,"y":25,"k":31}cmyk:{"c":0,"m":53,"y":23,"k":29}cmyk:{"c":0,"m":49,"y":21,"k":26}cmyk:{"c":0,"m":44,"y":19,"k":23}tint
lab
lab:{"l":30,"a":52,"b":-8}lab:{"l":34,"a":49,"b":-8}lab:{"l":38,"a":46,"b":-7}lab:{"l":42,"a":43,"b":-7}lab:{"l":46,"a":41,"b":-6}lab:{"l":50,"a":37,"b":-6}lab:{"l":53,"a":35,"b":-5}lab:{"l":57,"a":32,"b":-5}lab:{"l":61,"a":29,"b":-4}lab:{"l":65,"a":26,"b":-4}tint
luv
luv:{"l":30,"u":63,"v":-18}luv:{"l":34,"u":59,"v":-17}luv:{"l":38,"u":56,"v":-15}luv:{"l":42,"u":52,"v":-15}luv:{"l":46,"u":48,"v":-13}luv:{"l":49,"u":45,"v":-13}luv:{"l":53,"u":42,"v":-12}luv:{"l":57,"u":38,"v":-11}luv:{"l":61,"u":35,"v":-10}luv:{"l":65,"u":31,"v":-9}let scheme: Color.hex[] = Color.from('hex', '22aaee')
.scheme('tint', {
method: /* methods listed below */,
colors: 10,
distance: 0.5
})