{
  "$type": "site.standard.document",
  "description": "Thinking on ways to solve relative color In this GUI Challenge , I show you how to use CSS RCS (relative color syntax) for lightening, desaturating, opacity, grayscale and more. oklch(from hotpink calc(l - 20) c h) hsl(from hotpink h calc( s / 2) l) hsl(from hotpink h s l / 50%)…",
  "path": "/how-to-use-css-relative-colors-syntax-on-the-latest-gui-challenge",
  "publishedAt": "2023-10-05T03:54:11.764Z",
  "site": "at://did:plc:jnj7wcwuvspxdsipmecmx7rs/site.standard.publication/self",
  "tags": [
    "note",
    "shows",
    "css"
  ],
  "textContent": "Thinking on ways to solve relative color In this GUI Challenge , I show you how to use CSS RCS (relative color syntax) for lightening, desaturating, opacity, grayscale and more. oklch(from hotpink calc(l - 20) c h) hsl(from hotpink h calc( s / 2) l) hsl(from hotpink h s l / 50%) hsl(from hotpink h none l) demo · source There might be one or two RCS features you didn't know 🤓",
  "title": "How To Use CSS Relative Colors Syntax On The Latest GUI Challenge"
}