Lea Verou on Nostr: 🔥 New blog post! “On compliance vs readability: Generating text colors with ...
🔥 New blog post!
“On compliance vs readability: Generating text colors with CSS”
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)?
https://lea.verou.me/blog/2024/contrast-color/Published at
2024-05-16 18:49:08Event JSON
{
"id": "7a5b5d46cdfe9f4eab61a2a6e678af894915fa7022cb511619a8bacc1cd4e776",
"pubkey": "deb27057e60b8d796302849309a7c542aa1c718108be4813086deaf9139dff76",
"created_at": 1715878148,
"kind": 1,
"tags": [
[
"t",
"css"
],
[
"proxy",
"https://front-end.social/users/leaverou/statuses/112451790361014358",
"activitypub"
]
],
"content": "🔥 New blog post!\n\n“On compliance vs readability: Generating text colors with CSS”\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)?\n\nhttps://lea.verou.me/blog/2024/contrast-color/",
"sig": "213063ed1db81226b95e1dc72b3b53d92130da6540b46bcdda39a9b9afa16e474c3964ce5b867b6bff4222e3e740a9e30dc84a3e04b24293646e03c14b7a7054"
}