Ynex - Laravel Tailwind CSS Admin & Dashboard Template

Color Picker

<input type="color" class="form-control form-control-color border-0"
    id="exampleColorInput" value="#136ad0" title="Choose your color">

Classic


<div>
<div class="theme-container hidden"></div>
<div class="pickr-container example-picker"></div>
</div>
<div>
<div class="theme-container1 hidden"></div>
<div class="pickr-container1 example-picker"></div>
</div>
<div>
<div class="theme-container2 hidden"></div>
<div class="pickr-container2 example-picker"></div>
</div>

Tailwind colorpicker


<input type="color" class="p-1 h-10 w-10 block bg-white dark:bg-bodybg border border-gray-200 cursor-pointer rounded-sm 
disabled:opacity-50 disabled:pointer-events-none dark:bg-bgdark dark:border-white/10" id="hs-color-input" value="#5a66f1"
title="Choose your color">

Switcher

Color Pickers