CSS Button Generator

Configure a button’s available style options, preview it, and copy the generated HTML and CSS.

ColorHEXTextText color

<button class="custom-button">Button</button>
<style> .custom-button { background: #4F46E5; color: #FFFFFF; padding: 12px 24px; border-radius: 16px; border: 0; } </style>