Skip to content

Instantly share code, notes, and snippets.

@simon-engledew

simon-engledew/colours

Created June 9, 2025 12:26
Show Gist options
  • Save simon-engledew/5a9dd03749cbd9199c76381b43e43b88 to your computer and use it in GitHub Desktop.
Save simon-engledew/5a9dd03749cbd9199c76381b43e43b88 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
colours
<!DOCTYPE html>
<style>
ul li {
display: block;
height: 50px;
width: 50px;
}
</style>
<table>
<tr>
<td>
<ul>
<li style="background-color: oklch(0.4 0.2 335)"></li>
<li style="background-color: oklch(0.5 0.2 5)"></li>
<li style="background-color: oklch(0.6 0.2 20)"></li>
<li style="background-color: oklch(0.7 0.2 60)"></li>
<li style="background-color: oklch(0.9 0.2 100)"></li>
<li style="background-color: oklch(0.8 0.2 130)"></li>
<li style="background-color: oklch(0.8 0.2 150)"></li>
<li style="background-color: oklch(0.7 0.2 180)"></li>
<li style="background-color: oklch(0.7 0.2 200)"></li>
<li style="background-color: oklch(0.6 0.2 230)"></li>
<li style="background-color: oklch(0.5 0.2 260)"></li>
<li style="background-color: oklch(0.4 0.2 300)"></li>
</ul>
</td>
<td>
<ul>
<li style="background-color: oklch(0.44 0.1815 335.38)"></li>
<li style="background-color: oklch(0.51 0.1559 7.49)"></li>
<li style="background-color: oklch(0.63 0.1298 21.44)"></li>
<li style="background-color: oklch(0.75 0.1415 62.42)"></li>
<li style="background-color: oklch(0.88 0.18646 103.9148)"></li>
<li style="background-color: oklch(0.82 0.181 131.77)"></li>
<li style="background-color: oklch(0.80 0.1757 154.39)"></li>
<li style="background-color: oklch(0.76 0.1298 184.05)"></li>
<li style="background-color: oklch(0.72 0.123861 206.321)"></li>
<li style="background-color: oklch(0.64 0.129199 231.0549)"></li>
<li style="background-color: oklch(0.52 0.1448 260.03)"></li>
<li style="background-color: oklch(0.44 0.1603 303.37)"></li>
</ul>
</td>
</tr>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment