oklch() を理解しないブラウザにフォールバックする

最新ブラウザでサポートされているんですが、まだちょっと使うのは怖い

oklch() | CSS-Tricks
https://css-tricks.com/almanac/functions/o/oklch/#browser-support

フォールバックの例が載ってますね

参考に

CSS

a:link,
a:visited {
  color: #000;
}

@supports (color: oklch(0% 0 0)) {
  a:link,
  a:visited {
    color: oklch(0 0 0);
  }
}

これでいいかな

ぼちぼち oklch() を使っていきたいですけどね