Get started with open-color CDN

MIT licensed

Open-color: tiny JS library for named color interfacing.

Tags:
  • color
  • colorscheme
  • color swatches
  • CSS

Stable version

Copied!

How to start using open-color CDN


<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://cdn.cdnhub.io/open-color/1.9.1/open-color.min.css">
  <title>Get started with open-color CDN - cdnhub.io</title>
</head>
<body>
  <button id="myButton" style="background-color: var(--color-primary); color: var(--color-on-primary); padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer;">Click me!</button>
  <script>
    document.getElementById('myButton').addEventListener('click', function() {
      alert('Button clicked!');
    });
  </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!

All versions