From 679e7f34b3cdaac079896e9a112495d4f6e18f11 Mon Sep 17 00:00:00 2001 From: "netop://ウィビ" Date: Fri, 5 Jun 2026 12:33:52 -0700 Subject: new post --- memos/WM-094.txt | 79 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 79 insertions(+) create mode 100644 memos/WM-094.txt (limited to 'memos') diff --git a/memos/WM-094.txt b/memos/WM-094.txt new file mode 100644 index 0000000..2012cd5 --- /dev/null +++ b/memos/WM-094.txt @@ -0,0 +1,79 @@ + + + + + + + +Document: WM-094 P. Webb +Category: Design 2026-06-05 + + uchū pastel + +Abstract + + New update! + +Body + + Ever since uchū's inception I've wanted a nice pastel set to go with + it. A few days ago I saw someone give advice to another about toning + down the saturation. In the browser you can `filter: saturate(0.5);` + but I think that uses `#000` and I'd rather use my own black from + my palette (as I write this, I realize I could've tried color-mix[1] + before the method I'm about to detail). + + I took screenshots of my colors on uchu.style[2], put them in + Pixelmator, and played around with opacity on a `Saturation` layer + containing `--uchu-yin` (black). These are the results (followed by + the default colors). + + 📸[red pastel palette][IMG1] + 📸[red palette][IMG2] + + 📸[pink pastel palette][IMG3] + 📸[pink palette][IMG4] + + 📸[purple pastel palette][IMG5] + 📸[purple palette][IMG6] + + 📸[blue pastel palette][IMG7] + 📸[blue palette][IMG8] + + 📸[green pastel palette][IMG9] + 📸[green palette][IMG10] + + 📸[yellow pastel palette][IMG11] + 📸[yellow palette][IMG12] + + 📸[orange pastel palette][IMG13] + 📸[orange palette][IMG14] + + I _think_ I like the new pastel variant, I'm unsure. I sat with the + original uchū palette for a year before I shared it with the world so + this may need some time to grow on me. It's also possible I change + some things slightly. My wife loves the red pastels because they look + like lipsticks she prefers. + + Special shout-out to Sindre for his excellent System Color Picker[3]. + It has OKLCH support and looks great. + +References + + [1] + [2] + [3] + [IMG1] + [IMG2] + [IMG3] + [IMG4] + [IMG5] + [IMG6] + [IMG7] + [IMG8] + [IMG9] + [IMG10] + [IMG11] + [IMG12] + [IMG13] + [IMG14] -- cgit v1.2.3