Colors Theory
<!DOCTYPE html> <html> <head> <style> :root { --base-hue: 200; /* a mid blue */ --base: hsl(200, 65%, 50%); } .swatch-base { background-color: var(--base); } </style> </head> <body> <div class="swatch-base">Base</div> </body> </html>
<!DOCTYPE html> <html> <head> <style> :root { --base-hue: 200; /* a mid blue */ --base: hsl(200, 65%, 50%); } .swatch-base { background-color: var(--base); } </style> </head> <body> <div class="swatch-base">Base</div> </body> </html>