RGB & RGBa To Hex Color Converter - jQuery rgb2hexa.js

File Size: 6.27 KB
Views Total: 182
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
RGB & RGBa To Hex Color Converter - jQuery rgb2hexa.js

rgb2hexa.js is an ultra-light jQuery plugin that converts RGB and RGBa color codes into hexadecimal format using Regex and a little bit of JavaScript.

How to use it:

1. Download and include the rgb2hexa.js script on your page which has jQuery loaded.

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/jquery.rgb2hexa.js"></script>

2. Create an input field that accepts the RGB and RGBa color code typed by users.

<input type="text" id="example" value="rgba(100,200,133,0.5)">

3. Create another input field to display the HEX code.

<input type="text" id="target">

4. Call the function to enable the color converter.

$(document).on('keyup', function () {
  $('#example').RGB2Hexa({
    displayEle: '#result'
  });
});

5. Or display the HEX color code in the original input field.

$(document).on('keyup', function () {
  $('#example').RGB2Hexa();
});

This awesome jQuery plugin is developed by sharathraj-tech. For more Advanced Usages, please check the demo page or visit the official website.