Bootstrap Colorpicker Example Code

By Hardik Savani November 5, 2023 Category : Bootstrap

In this example i give you how to add color picker in your php application or html etc. this is full example if you just copy and past bellow code then you can find color picker. you no need to install anything. I use bootstrap-colorpicker library for color picker for use colorpicker. bootstrap bootstrap-colorpicker is very popular library. So if you also want to build color picker both then also you can set you can see bellow example.

You can see bellow example and use bellow online link example:

Example:

<html lang="en">

<head>

<title>Bootstrap Colorpicker Example</title>

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-colorpicker/2.3.3/css/bootstrap-colorpicker.min.css" rel="stylesheet">

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-colorpicker/2.3.3/js/bootstrap-colorpicker.min.js"></script>

</head>

<body>

<input class="form-control" type="text" id="color"/>

<script>

$('#color').colorpicker({});

</script>

</body>

</html>

If you want to get diffrence formate and other then you can refre this link : Colorpicker

I hope it can help you...

Shares