Colour Converter
Pick any colour with the native colour picker or type a hex value. Instantly shows HEX, RGB, and HSL equivalents with one-click copy for each format. Popular embed for design blogs, CSS tutorials, and web development guides.
Live preview
Embed code
<div data-widget="color-converter"></div>
<script async src="http://localhost:4321/embed.js"></script>Options
| Attribute | Default | Description |
|---|---|---|
data-color | #3b82f6 | Initial hex colour to show |