🔥 New blog post!
“On compliance vs readability: Generating text colors with CSS”
https://lea.verou.me/blog/2024/contrast-color/
This has been in the making for over a month! 😮💨
It includes:
🔥 New #CSS Technique: How can we use widely supported CSS features to automatically pick a text color that is readable over an arbitrary background?
🔥 Original research: What lightness ranges correspond to what color contrast compliance & readability buckets? How are these affected by additional constraints (gamut, chroma, hue)?
Lea Verou /
npub1al…2kh5q
2024-05-16 16:49:08
Author Public Key
npub1al72g7fmyugvn5u372hjg078y295gephuy7xqkewaycaqvcexdhsw2kh5qPublished at
2024-05-16 16:49:08Event JSON
{
"id": "6504cf647193ed40386b979aa77f14bfbb8cee22f33be0e43eb8c331cddcd334",
"pubkey": "effca4793b2710c9d391f2af243fc7228b446437e13c605b2ee931d03319336f",
"created_at": 1715878148,
"kind": 1,
"tags": [
[
"t",
"css"
],
[
"proxy",
"https://front-end.social/@leaverou/112451790361014358",
"web"
],
[
"proxy",
"https://front-end.social/users/leaverou/statuses/112451790361014358",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://front-end.social/users/leaverou/statuses/112451790361014358",
"pink.momostr"
]
],
"content": "🔥 New blog post!\n\n“On compliance vs readability: Generating text colors with CSS”\nhttps://lea.verou.me/blog/2024/contrast-color/\n\nThis has been in the making for over a month! 😮💨\n\nIt includes:\n🔥 New #CSS Technique: How can we use widely supported CSS features to automatically pick a text color that is readable over an arbitrary background?\n🔥 Original research: What lightness ranges correspond to what color contrast compliance \u0026 readability buckets? How are these affected by additional constraints (gamut, chroma, hue)?",
"sig": "82991e56c11cde80b335743d39e38ac2a8d13f2a13e7d9db3d28791f5df642c3dcf8915e3c059321bf5765e1e74e2f44cccdf4dfc8a57a28c266a37b15024d5c"
}