Developer Code Reference

Modern CSS Colors: Variables & color-mix()

Guide to defining custom properties, sRGB, HSL, OKLCH, and color-mix() in modern stylesheets.

Code Snippet Example

:root {
  --primary: #0066ff;
}
.button {
  background-color: var(--primary);
  color: color-mix(in srgb, var(--primary) 80%, black);
}