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.

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

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

Changelog

  • 02-23-10 Now features the jscolor script to choose new colors easier
  • 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 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: « 2711 10 9 8 7 6 5 4 3 2 [1] Show All

  1. Usefull tool. Thanks!

  2. Tryed it and satisfied. Thanks for your work. well done.

  3. Usefull tool to our work..thanks for sharing.Really its usefull for to make choosing colors easier..Nice sharing. continue ur service.carryon

  4. Thanks Dagon, your stuff mean a lot to my SEO :)

  5. I want to try it.
    Thanks for sharing

  6. We supply all kinds of moncler boots,moncler bags,moncler coats,moncler jackets,moncler T-shirt,moncler vest and so on.We have got a good reputation pf our products with top quality and good price.We sincerely look forward to futher cooperation with you for mutual benefits.We are sure that you will find working with us is a pleasant, time-saving and profitable experience. Please feel free to contact us if you have any questions.Our website is http://www.newlyapparel.com.

  7. Thank you, seems to be a usefull tool, I will try it

  8. OMG! That’s awesome!! Just checked it out; Never ever could I have imagined of such an application…

  9. Seems to be a usefull tool, I will try it. Thank you

  10. Very well!

  11. Good site! Thanks!

  12. -I am Hassan Othman introduce you my work and invite you to visit my web site

    http://www.apwoaly.piczo.com

    -these web site contain some of my art which may be used in several places and different events.

    -I hope you admire my works, looking forward your comments

    And it will be great pleasure if we cooperate together

  13. If you find a color you like on another website you can open up a graphic with that color in photoshop and use the dropper to select the color and find out what the code is. If you did this would you be about to put in a code manually?

  14. Update

    This tool now uses the jscolor JavaScript Color Picker to quickly choose new colors without having to enter them in manually.

  15. 1
    farshid

    love your work

Pages: « 2711 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.