A colour palette in plain HTML
A template colour palette written as a self-contained HTML file.
New palettes can be created easily by copying the file and changing a few CSS variables.
Primary
Modify as needed by changing the --hue
attribute in the inlined CSS.
Usage of a separate color picker tool for this step might be preferable.
Secondary
You can copy any colour to the clipboard by just clicking on its box.
By default colours are copied as HSLA values.
This can be changed in the script block at the bottom of the document.
Tertiary
By making use of calc
and var
, most of the colour palette can be automated.
This makes it easier and quicker to make adjustments.
Neutral
By making use of calc
and var
, most of the colour palette can be automated.
This makes it easier and quicker to make adjustments.