Export Colors to SCSS
Export a list of colors to SCSS variables ($color-1, $color-2, …). Everything runs on your device — fast, free, and private.
The result will appear here…
or press Ctrl+Enter
Everything runs in your browser. Your data is never sent to our servers.
728 × 90Ad Space AvailablePlace your ad here
Example
Example Input
#00B8E6, #7C3AED, #22C55E
Example Output
$color-1: #00b8e6; $color-2: #7c3aed; …
How to Use
- 1Enter a color or data in the Input field.
- 2Set "More settings" if needed, then click Run (or Ctrl+Enter).
- 3Copy the result — a swatch is shown next to each value.
About Export Colors to SCSS
Export Colors to SCSS turns a list of colors into SCSS variables, suitable for a _variables.scss file in a Sass project.
Paste or generate colors in another tool, then copy a color list (comma/newline separated) here to export. The variable name is customizable.
FAQ
Is my data sent to a server?
No. Export Colors to SCSS runs entirely in your browser — your data never leaves your device.