CSS Color Replacement Tool

This tool allows you to extract the hex color codes from a remote CSS file, displaying both the hex codes and the colors themselves. You can then enter the new color codes you would like to replace them with. The script will then perform a global search and replace on the contents of the file, replacing each color with the code you specified, and displaying the updated CSS.

Why?

The primary purpose of this tool is to give you a quick way to change the entire color scheme of your site. While this can be done manually, the display of each color saves a lot of steps.

Try it out

• CSS Color Replacement Tool

  If you have found this page useful, please consider donating. Thanks!

Changelog

• 08-27-08 First version

Instructions

First, enter the URL to your CSS file and click Load data.

The script will extract all of the hex color codes from the CSS file, and display them in a list. Each line contains the color code, a box filled with the specified color, and an empty text box, where you enter the new color. Only unique colors are displayed.

Simply enter the new hex color codes for each color you would like to change, and click Generate new CSS. The script will generate the full CSS file, with the replaced colors.