Edge Rewrite
// HTMLRewriter · presentation

This page was redesigned at the edge.

Cloudflare fetched the original article and streamed it through HTMLRewriter to apply an entirely new visual system without rebuilding the source page.

// request.cf · coarse context

A page that knows where it met you.

Only coarse request metadata is shown. This demo does not display or persist visitor IP addresses.

Country
US
Cloudflare location
CMH
Connection
HTTP/2
Language
Not provided

Ray ID: a238d49d0ab5eefa

Jump to content

Template:Tint/doc

From Wikipedia, the free encyclopedia
The guts of this template are at {{Tint/core}} (e · h)

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