Template:Daycolor/Notes

Daycolor

The Clockwork Color Device

Today's color is displayed above.

Use the template {{Daycolor}} the same way you would use a color name or value.

E.g. <font color={{Daycolor}}> or <div style="background:{{Daycolor}}">

The color generated will be calculated from the date each time it is viewed, so a page using this feature will look slightly different each day. The pattern follows an annual cycle, fading from blue to cyan to green to yellow to red to pink and back to blue.

- January - February - M a r c h - A p r i l - M a y - J u ne - J u l y - August - September - October - November - December -

To view the full transition during a year, see Template:Daycolor/Chart. To see a more concise sample, Template:Daycolor/Palette shows thirty-six days throughout the year.

To display the color corresponding to a specific day, enter values for the month and day. For example, to see the color which will appear on the Summer Solstice (June 21st):

< div style = "background: {{ Daycolor | 6 | 21 }}" >

Lighter or brighter colors

A factor value changes the intensity of the color, and the shift between colors. Factor 1 (the default) produces light pastel colors, altering by one RGB value per day. Factor 4 (the maximum) produces very bright colors, which change by 4 points per day. A factor of less than 1 produces pale colors, although they no longer change daily: factor 0.5 would mean the color changes by one point every two days.

See the following examples, using today's color:

{{ Daycolor | factor = 0.25 }}

{{ Daycolor | factor = 0.5 }}

{{ Daycolor | factor = 0.75 }}

{{ Daycolor | factor = 1 }}

{{ Daycolor | factor = 1.25 }}

{{ Daycolor | factor = 1.5 }}

{{ Daycolor | factor = 1.75 }}

{{ Daycolor | factor = 2 }}

{{ Daycolor | factor = 2.5 }}

{{ Daycolor | factor = 3 }}

{{ Daycolor | factor = 3.5 }}

{{ Daycolor | factor = 4 }}

To see how this will work throughout the year, use the palette as a template and preview the results in a sandbox or user page.

E.g. {{ Daycolor/Palette | factor = 2 }}

Darker or paler colors

To create darker colors, add brightness compensation using a comp value. This adds more gray to the color balance by reducing the level of red, green and blue by a uniform amount. For optimal results, the comp can be a value from 0 to 193 when using factor 1, although the maximum decreases at higher factors (up to 131 at factor 2, 61 at factor 3, only up to 7 at factor 4). Similarly, the maximum comp is higher when using a low factor. Factor 0.5 has a maximum factor of 224, for example.

Anyway, here are some examples using today's color, all at factor 1:

{{ Daycolor | comp = 0 }}

{{ Daycolor | comp = 20 }}

{{ Daycolor | comp = 40 }}

{{ Daycolor | comp = 60 }}

{{ Daycolor | comp = 80 }}

{{ Daycolor | comp = 100 }}

{{ Daycolor | comp = 120 }}

{{ Daycolor | comp = 140 }}

{{ Daycolor | comp = 160 }}

{{ Daycolor | comp = 180 }}

As with the factor, you can test comp values by using the palette as a template to preview the results.

E.g. {{ Daycolor/Palette | offset = 9 }}

Offsetting

To display the color for a different month, use an offset value (up to 11 or -11) to add or deduct months. For example, {{ Daycolor | offset = 4 }} will display the color corresponding to exactly four months ahead of today's color (offset=0), and {{ Daycolor | offset = -4 }} will display the color four months behind (offset=8 would have the same effect). The resulting colors will still change gradually throughout the year.

Offsetting can be used to contrast different colors. In the following example, the background is at offset 9, and the text at offset 0 (default) with factor of 2 and comp of 50.

- January - February - M a r c h - A p r i l - M a y - J u ne - J u l y - August - September - October - November - December -

Color Filtering

The Daycolor spectrum can be adjusting by filtering individual colors, adjusting either their brightness (factor) or depth (comp), or a combination of the two. Depth filtering is generally more effective, but can be used in conjunction with brightness filtering. The brightness and depth of the red, green and blue values can be set individually, resulting in numerous possible combinations.

Brightness filtering

Use rfactor, gfactor and bfactor values between 0 and 4 to filter out the brightness of red, green and blue respectively. Color factors are used instead of the plain factor, so you can set different values for all three color factors, but don't use the regular factor as well.

Remember that you are filtering out these colors: raising rfactor will reduce the level of red in the resulting spectrum. If you want more red, you can either lower rfactor below 1, or raise gfactor and bfactor, or do both.

Here are some examples, using color factors of 4 and 0.5 for contrast:

Red brightness filter: {{ Daycolor | rfactor = 0.5 | gfactor = 4 | bfactor = 4 }}

- January - February - M a r c h - A p r i l - M a y - J u ne - J u l y - August - September - October - November - December -

Yellow brightness filter: {{ Daycolor | rfactor = 0.5 | gfactor = 0.5 | bfactor = 4 }}

- January - February - M a r c h - A p r i l - M a y - J u ne - J u l y - August - September - October - November - December -

Green brightness filter: {{ Daycolor | rfactor = 4 | gfactor = 0.5 | bfactor = 4 }}

- January - February - M a r c h - A p r i l - M a y - J u ne - J u l y - August - September - October - November - December -

Cyan brightness filter: {{ Daycolor | rfactor = 4 | gfactor = 0.5 | bfactor = 0.5 }}

- January - February - M a r c h - A p r i l - M a y - J u ne - J u l y - August - September - October - November - December -

Blue brightness filter: {{ Daycolor | rfactor = 4 | gfactor = 4 | bfactor = 0.5 }}

- January - February - M a r c h - A p r i l - M a y - J u ne - J u l y - August - September - October - November - December -

Purple brightness filter: {{ Daycolor | rfactor = 0.5 | gfactor = 4 | bfactor = 0.5 }}

- January - February - M a r c h - A p r i l - M a y - J u ne - J u l y - August - September - October - November - December -

Use the palette as a template to experiment with possible combinations.

E.g. {{ Daycolor/Palette | rfactor = 0.5 | gfactor = 4 | bfactor = 2 }}

Depth filtering

Use rcomp, gcomp and bcomp in the same way as regular comp (and within the same range) to reduce the red, green and blue levels by a fixed amounts throughout the spectrum. As with color factors, the comp is filtering out a color, so adding rcomp will result in less red rather than more.

Color comp can be used in addition to comp as long as the too together don't exceed the maximum (see above). E.g. {{Daycolor|comp=100|gcomp=50}} would filter out 100 points of red and blue but 150 of green, resulting in a dark purple spectrum.

Here are some examples of depth filtering, using comp levels of 100:

Red depth filter: {{ Daycolor | gcomp = 100 | bcomp = 100 }}

- January - February - M a r c h - A p r i l - M a y - J u ne - J u l y - August - September - October - November - December -

Yellow depth filter: {{ Daycolor | bcomp = 100 }}

- January - February - M a r c h - A p r i l - M a y - J u ne - J u l y - August - September - October - November - December -

Green depth filter: {{ Daycolor | rcomp = 100 | bcomp = 100 }}

- January - February - M a r c h - A p r i l - M a y - J u ne - J u l y - August - September - October - November - December -

Cyan depth filter: {{ Daycolor | rcomp = 100 }}

- January - February - M a r c h - A p r i l - M a y - J u ne - J u l y - August - September - October - November - December -

Blue depth filter: {{ Daycolor | rcomp = 100 | gcomp = 100 }}

- January - February - M a r c h - A p r i l - M a y - J u ne - J u l y - August - September - October - November - December -

Purple depth filter: {{ Daycolor | gcomp = 100 }}

- January - February - M a r c h - A p r i l - M a y - J u ne - J u l y - August - September - October - November - December -

To experiment with depth filtering, and combinations with other filters, use the palette as a template.

E.g. {{ Daycolor/Palette | gcomp = 50 | bcomp = 100 }}