From 5df5b46587491d3a1aa54a21336cba1541116cb3 Mon Sep 17 00:00:00 2001 From: Anthony Lieuallen Date: Sun, 20 Nov 2022 20:16:00 -0500 Subject: [PATCH] About. --- colors.html | 40 +++++++++++++++++++++++++++++++++++++--- 1 file changed, 37 insertions(+), 3 deletions(-) diff --git a/colors.html b/colors.html index 016339c..4a0a9f7 100644 --- a/colors.html +++ b/colors.html @@ -10,6 +10,33 @@ body { display: inline-block; min-width: 5em; } + +#about-link { + margin: 1ex; + position: absolute; + right: 0; + text-decoration: none; + top: 0; +} +#about { + background: white; + border: 2px solid black; + display: none; + color: black; + left: 0; + margin: 0 10em; + position: fixed; + top: 10em; +} +#about:target { + display: block; +} +#about .close { + color: black; + float: right; + margin: 1ex; + text-decoration: none; +} @@ -323,6 +350,13 @@ document.body.addEventListener('click', e => {

- \ No newline at end of file + + ❔ + +
+ ⌧ +

I'm far from a designer, but I make web pages. For quite some time I've thought about the palette of "web colors". I'd like to be able to pick from those colors, when making simple web pages.

+

I've thought about this "color wheel" arrangement, i.e. when using image editors. It's a compact way to represent a whole range of colors. I was reminded of the combination of these things by a recent Hacker News comment thread.

+

So here it is: a color wheel, with only "web colors" on it. Each color is placed on the wheel, then grown to a polygon with a Voronoi diagram.

+

Hover colors to see their name (and preview swatch and hex code). Click one to "lock" it.

+