Please enter a valid hex value (alpha value optional) or use the color picker.
This hue shall pass
Check every colour combination in your palette against WCAG contrast ratios. See what passes AA and AAA at a glance, and fix failures in one click.
On Color Science
This document is a follow up to my Display Prep Demo, which I hope you've already seen.
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.
What nobody tells you about RGB
Dark mode with web standards
Implementing dark mode with minimal JavaScript and standard CSS
A Simple Web Developer’s Color Guide — Smashing Magazine
Laura Elizabeth never found color theory useful when trying to use color in her projects. Somewhat ironically, she’s been finding that the better she got at choosing and using color, the better she became in the theory behind it. In this article, Laura shares a simple color workflow that you can use in your next web project.
Canvas Cycle: True 8-bit Color Cycling with HTML5
Colorizer - Color picker and converter (RGB HSL HSB/HSV CMYK HEX LAB)
Color picker, calculator and generator with high precision and contrast test. Converts also RGB, HEX, HSL, HSV/HSB, CMYK and CIE-LAB colors and lots of other formats.
The Easy Intro to the APCA Contrast Method
This is the APCA project repo on GitHub.Documentation linked below.
prefers-color-scheme: Hello darkness, my old friend | Articles | web.dev
Many devices now support an operating system wide dark mode or dark theme experience. This post explains how dark mode can be supported on web pages, lists best practices, and introduces a custom element named dark-mode-toggle that allows web developers to offer users a way to override their operating system level preference on specific web pages.
una.im | Modern CSS theming with light-dark(), contrast-color(), and style queries
Combine three new CSS features to build fully adaptive themed components.
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
Devon Govett
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…
