Wednesday, June 28, 2017
728x90 V3

How to add a HEX color generator & wheel tool to Blogger

We are Bloggers and we love to customize pages, templates, layouts,and everything! In this tutorial i will show you how to add two useful color generators, this will help you with customizing your Blog. You can add this generator in posts, pages or even template, just put a code where ever you want! Let’s go!

Hex Color Code Generator :

Capture

To install Hex Color generator just paste the code from below to Blogger post’s or page’s [HTML] mode.
Code:

<center><object border="0" classid="clsid:D27CDB6E -AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="480"> <param name="movie" value="http://www.2createawebsite.com/build/color.swf"><param name="quality" value="High"><embed src="http://www.2createawebsite.com/build/color.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="485" height="485" quality="High"></embed></object></center>

COLOR WHEEL :

capture 2

To install Color Wheel just paste a code from below to Blogger post’s or page’s [HTML] mode.

Code:

<center><object border="0" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="480">            <param name="movie" value="http://www.2createawebsite.com/build/col.swf"><param name="quality" value="High"><embed src="http://www.2createawebsite.com/build/col.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="485" height="485" quality="High"></embed></object>

LIVE DEMO

 

  1. First in the “Hue” bar chose your color palate.
  2. Then click inside the Brightness/Saturation area and drag the cursor until you have color you want. The “Swatch” bar shows you the final color result.
  3. The hexadecimal color code is generated in the “Hex” box. Simply copy the six digit code i.e #000000
  4. Enjoy!

  1. Simply paste the six digit color code in the form below without the hash (#) sign and then hit Update
  2. The matching color codes will appear inside the four boxes at the right side of the wheel.
  3. You can then copy the hex values and start using them!

 

 

About Dimitrije Zivadinovic (Di)

Dimitrije Zivadinovic (Di)
Hey there, I'm Dimitrije Zivadinovic and this is my blog! I am a blogger, and.. No i am just a blogger, i know something about blogging platforms and i wanted to share my knowledge with you. If you have anything to ask me, feel free to hit me up via social media or leave a comment down bellow!

Check Also

How to add a logo to your Blogger blog

Blog isn’t a blog without a nice logo, so is it simple to insert custom ...

Leave a Reply

Your email address will not be published. Required fields are marked *