HTML Editor

Color Code Generator

The two tools below will help you get the six digit color code i.e hexadecimal value. These tools will help you a lot in customizing your Blogger templates and for writing more appealing posts. Kindly Follow the instructions for each tool before using it.

Color Code Generator


  1. First drag the bar on the "Hue" selector to the area of your desired colour palate.
  2. Then click inside the Brightness/Saturation area and drag the cursor until you have achieved your desired colour. The "Swatch" bar shows you the final colour result.
  3. The hexadecimal colour code is generated in the "Hex" box. Simply copy the six digit code i.e #000000
  4. That’s it!

Color Wheel For Choosing Matching Palate Colors

This is a pretty useful tool to achieve matching or cohesive colours for navigation menu, background, hyperlinks, header etc. Instructions:
  1. Simply paste the six digit colour code in the form below without the hash (#) sign and then hit Update
  2. The matching colour codes will appear inside the four boxes at the right side.
  3. You can then copy the hex values and start using them!

Google Page Rank Checker

To check your page rank type your site url in the form and click the check button.

Online Css Compressor and Optimiser

Compress and Optimize your blog CSS and make your blog load fast!! Super compress (all in one line) ?
Initially this tool is made to serve personal purpose, but thought it might be useful to many people, so I posted on here. CSS Optimizer is done entirely in JavaScript. It can perform the following tasks in the CSS:

  • Remove the white space (tabs, spaces, carriage returns) abundant,
    including white spaces before and after the colon (:), semicolon (;)
  • Remove the semicolon character (;) the last brackets (})
  • Open the HTML color code into the form of short (from # ffffff to # fff)
  • Open the CSS code for margin and padding (as margin: 5px 0px 5px 0px margin: 5px 0). Support both 3 Short.
In addition, there are 2 more options that can help you optimize to the maximum, to remove comments and collapse all the CSS code on one line. However, the code after optimization is very difficult to see, especially the collapse them on one line).
Note: This is not a tool to format (format) code CSS (aka beautifier), it is only intended to shrink the size of the CSS file only. However, if you do not check the box Super compress your code will be as follows:
body {line-height: 1} ol, ul {list-style: none} blockquote, q {quotes: none}
This is one form of the preferred format CSS code (which includes me). If you really need one tool to create formatted as you like, try Format CSS Online .


Post a Comment