Devon Govett
@devongovett.me
Fun CSS demo I built today: automatically compute a partially transparent white or black color that meets a target WCAG contrast ratio against an arbitrary background color. No JavaScript needed. 😃 codepen.io/editor/devongovett/pen/01a01b…
Aug 19, 2026 at 8:00 PM
Dark mode with web standards
Implementing dark mode with minimal JavaScript and standard CSS
una.im | Modern CSS theming with light-dark(), contrast-color(), and style queries
Combine three new CSS features to build fully adaptive themed components.
color-space — every color space, one tiny API, verified
An open collection of color spaces. Convert any space to any other with conventional ranges and independently anchored formulas.
Generating a Color Spectrum for an Image — Amanda Hinton
Walkthrough of building the Chromaculture Spectrimage analyzer that extracts and displays the color composition of an uploaded image.
Find the nearest Tailwind Colour
Find the nearest colour from the Tailwind CSS color palette. Enter a hex colour code and get the closest class name colour for Tailwind CSS for that hexcode.
BG.IBELICK - Ready-to-Use Background Snippets
Modern background snippets for web developers crafted with Tailwind CSS and Vanilla CSS.
Using CSS to create a CRT
Many of us remember televisions from our childhoods as these flickering glass behemoths. These were CRT TVs and they had a very different look to them than our LCD screens do today. I have attempted to assemble a set of CSS effects to replicate this look mainly by adding three things: screen-door effect, flicker, and color separation. The color separation idea originally came from the hyperpunk theme by Andre Staltz for the hyper terminal. The scanlines and flicker effects came from the CSS CRT screen effect codepen by Lucas Bebber.
Too Much Color
I spent too much time looking at too many colo(u)rs to try and optimise them for csskit. Here are some interesting findings.
Tailwindmate
Easily convert between Tailwind CSS classes and color formats
The CSS Selection - 2026 Edition - Project Wallace
The CSS Selection shows real-world CSS usage from over 100,000 websites and looks at the most important metrics.
It's possible to change UI contrast in Unreal Engine: Change `GSlateContrast` from C++, or `Slate.Contrast` from the cheat console. Maybe an easy accessibility win to add to your game? #UnrealEngine
oklch() has only one problem left. If a user chooses a color that this screen can’t display, browsers will look for the nearest alternative using a simplified algorithm instead of the one from the CSS spec: clipping instead of chroma reduction. evilmartians.com/chronicles/oklch-in-css-why-q…
OKLCH in CSS: why we moved from RGB and HSL—Martian Chronicles, Evil Martians’ team blog
evilmartians.com
