Template:Tint
Appearance
000000
Usage
[edit]Takes a hex code ({{{1}}}) and tints it using a second hex code ({{{2}}}), and (optionally) a third hex code ({{{3}}}) by averaging each channel together. Like this:
| Base colors | 09F911 |
#09F911, #029D74, #E35BD8 |
| Red | {{tint|09F911|FF0000}} |
#847C08, #804E3A, #F12D6C |
| Green | {{tint|09F911|00FF00}} |
#04FC08, #01CE3A, #71AD6C |
| Blue | {{tint|09F911|0000FF}} |
#047C88, #014EB9, #712DEB |
| Black | {{tint|09F911|000000}} |
#047C08, #014E3A, #712D6C |
| White | {{tint|09F911|FFFFFF}} |
#84FC88, #80CEB9, #F1ADEB |
| White (x2) | {{tint|09F911|FFFFFF|FFFFFF}} |
#ADFDAF, #AADED0, #F5C8F2 |
You can also stack it on itself, in which case the innner {{tint}} will be a half (or a third) of the final one.
| White (x4) | {{tint|{{tint|09F911|FFFFFF}}|FFFFFF}} |
#C1FDC3, #BFE6DC, #F8D6F5 |
| White (x6) | {{tint|{{tint|09F911|FFFFFF|FFFFFF}}|FFFFFF}} |
#D6FED7, #D4EEE7, #FAE3F8 |
| White (x9) | {{tint|{{tint|09F911|FFFFFF|FFFFFF}}|FFFFFF|FFFFFF}} |
#E3FEE4, #E2F4EF, #FBECFA |