Export Snippets

Copy production-ready snippets for your project. Shareable via ?hex=.

Base

Selected

#3B82F6

CSS Variables

:root {
  --primary: #3B82F6;
  --primary-rgb: 59, 130, 246;
  --primary-hsl: 217 91% 60%;
}

Tailwind Config

// tailwind.config.js
export default {
  theme: {
    extend: {
      colors: {
        primary: "#3B82F6",
      },
    },
  },
};

JSON

{
  "primary": "#3B82F6",
  "primaryRgb": [59, 130, 246],
  "primaryHsl": {"h": 217, "s": 91, "l": 60}
}

SCSS Variables

$primary: #3B82F6;
$primary-rgb: 59, 130, 246;
$primary-hsl: 217 91% 60%;