Welcome to Dagon Design. In addition to free scripts, WordPress plugins, and articles, we offer a variety of services including custom theme design, plugin creation, and PHP scripting. Contact me for more information.

Updated Tuesday, February 23rd, 2010 at 2:14pm

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. The jscolor JavaScript Color Picker script has now been implemented to make choosing colors easier.


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

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


  • 02-23-10 Now features the jscolor script to choose new colors easier
  • 08-27-08 First version


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 entry for the new color. Only unique colors are displayed.

With the help of the jscolor JavaScript Color Picker script, choosing new colors is even easier. Either click the box to choose your color, or manually type in the code.

When you are finished, just click Generate new CSS. The script will generate the full CSS file, with the replaced colors.

Pages: [11] 10 9 8 7 6 5 4 3 2 1 » Show All

  1. good content, i love thats

  2. While this can be done manually, the display of each color saves a lot of steps.

  3. asffafaf

  4. Hello, i am glad to read the whole content of this blog and am very excited and happy to say that the webmaster has done a very good job here to put all the information content and information at one place
    sewa mobil solo

  5. Welcome to Client Engagement with RACI Business Analytics
    Many of us find the initial engagement with a prospective client difficult. I have worked with Accountants, Business advisors, Business Coaches and the common issue many of us face in engaging with a new or existing client is trying to say exactly how we are going to assist them in improving their business. The RACI Change Manager platform offers two unique tools to assist in the engagement process. A client wants to know that you understand their business and you have a strategy to assist them through the business improvement process. If they believe you are flying blind the engagement will be short lived.
    Further information is available on- https://www.youtube.com/watch?v=ofujWdexyLk

  6. Thanks for share.. this cool info. Paket Umroh 2014 http://www.paketumrohpromo.com/ Umroh Murah Promo

  7. nice

  8. While this can be done manually, the display of each color saves a lot of steps.

  9. The HSC CoWorks is a premium HSC tuition service providing regular face to face tuition, weekend study sessions, HSC Study Bootcamps and Mock Trial Exams to students living in Mosman and Bondi Junction and students living in surrounding areas.

Pages: [11] 10 9 8 7 6 5 4 3 2 1 » Show All

Leave a Comment

Before you comment: If you are having an issue with a script, please make sure you have read the entire article. Also, please read through the comments because most common issues have already been discussed many times. Thanks.

Be sure to wrap all code in <code></code> tags.