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

CSS Color Replacement Tool

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.

Topic: Tools and Utilities | RSS Feed

97 Comments on “CSS Color Replacement Tool”

97

hendek haber

1-23-12 10:27AM

suuper link css cololor pikture
96

Microsoft Office 2010

12-10-11 4:51AM

Ah well your comment! I did you good!fgjlkj
95

Lalaloopsy dolls

11-25-11 11:07AM

Thanks for a nice share you have given to us with such an large collection of information. Great work you have done by sharing them to all. simply superb
94

Health

11-14-11 5:33PM

I came across this while looking for script to help me extract hex colour codes from a CSS file remotely. Thanks for this script, it will help me change the colour on my site.
93

LiJack

11-11-11 7:24PM

Nice hosting! It’s my first time to read like this article.’;[j
92

Gutscheinen Dell

11-8-11 1:31PM

Great post. Very useful tool. Gotta try is next time
91

wholesale

9-27-11 2:09AM

Affliction Jeans will make you more stylish. Get one of each to wear with all your summer essentials. Buy Cheap Affliction Jeans several for your family to get a wholesale discount price. Waiting for your order.
90

cheapNFLjerseys

9-27-11 12:44AM

There were several other defunct leagues that are considered a part of Major League Baseball, and their stats and records are included with those of the two current Major Leagues.
89

wholesale

9-20-11 10:49PM

nice
88

wholesale

9-20-11 6:58AM

Cheap coach Handbags On Sale and pumps. This is all just for starters. As you can tell, there is literally something to fit all tastes. No matter what size you are, you’ll have no problem locating a pair to suit your toes.
87

wholesale

9-16-11 9:48PM

Wow and wow! Thank you! I always wished to write in my site something like that
86

monclerstore

9-9-11 3:15AM

Researchers recently gathered in Goteborg, Moncler Giubbotti Sweden, planning the slaughter of livestock can not get meat approach. Over the past 10 years scientists have been studying meat painless method, but later appeared in several false dawn, did not change an indisputable fact. Gothenburg, Chalmers University of Technology Julie – Gould said: “No one has yet to produce in vitro meat.” She was responsible for organizing the meeting. University of Maastricht, the Netherlands, according to Mark – Poster said that the first lab-grown out of the sausage may become a reality within six months, he was the main pioneer of this Moncler Giacche technology and loyal supporters. Poster has been tested using pig cells, recently found in a laboratory environment to cultivate muscle tissue method. And he has cultivated a similar muscle meat, each of length 2.5 cm, width 0.7 cm
85

Domain Chennai

9-8-11 8:57PM

very useful post.
84

replica eyewear

9-5-11 11:25AM

I always gain new ideas here. very goo site. I give you 10 out of 10.jftjuy
83

replica jewelry

8-30-11 10:40PM

Very nice article. Very useful.
82

oil expellers

8-29-11 3:18AM

There are already so many natural disasters taking away precious life so we should be living in peace.
81

replica

8-25-11 11:54AM

Thank you so very much for taking the time to share…very useful, indeed! sdfdfsfd
80

handbags

8-25-11 11:47AM

Thanks for a nice share you have given to us with such an large collection of information dffd
79

Varti

8-21-11 2:08AM

Color replacement tools sounds liek a real timesaver!
78

efx bracelet

7-19-11 10:05PM

i love this color replacement tool, before this i was using pissing one
77

html kod

6-20-11 11:06PM

Interesting article.
Thanks.
76

flixya

6-20-11 11:01PM

Very useful post.
Thanks.
75

html

6-19-11 11:27AM

Very nice article. Very useful.
Thank you!
74

jenkaya

6-18-11 5:54PM

This color stuff is interesting!
73

anish

6-7-11 11:54AM

The hex changer tool is really useful to the web designer community.
72

enterprise chat client

6-7-11 3:27AM

dagon’s css color replacement tool is the best i have come across, thanks to your team who created it.
71

shadow

6-1-11 3:33AM

Thank you for the best plagins.
70

Elaine

5-25-11 6:35AM

I’m somewhat certain they’ll be informed a lot of new stuff right here than any one else! Thank u
69

Kenny

5-21-11 4:49AM

CSS Color Replacement Tool is really a cool plugin.I has been used for several monthes
68

Jogos Gratis

5-3-11 1:41PM

That tool is pretty cool. Thanks
67

hendek haber

5-1-11 9:12AM

super css color tool , java script color picker thanks a lot
66

Alessandro - Widestudio

4-26-11 12:45PM

This is exactly what I was looking for! Thanks
65

ATSS

4-20-11 7:28AM

Really great stuff, thanks for useful information.
64

Balaji

4-20-11 7:25AM

thank you for sharing with us
63

Baskaran

4-20-11 7:24AM

your information is very useful to all web designers, thank you very much..
62

CCNA CHENNAI

4-20-11 7:23AM

your information is very useful to all web designers
61

memorial day weekend getaway

4-15-11 3:35PM

I am happy to find your distinguished way of writing the post. Now you make it easy for me to understand and implement the concept. Thank you for the post
60

Jogos Gratis

4-14-11 8:06PM

I like this plugin very much but I like the sitemap plugin much better.

thanks
59

jeux concours gratuits

4-11-11 9:01PM

It is very kind of you to provide this informative resource for us, it can give us a lot of help, thank you very much!
58

health administration

3-29-11 1:52AM

I do agree with all the ideas you have presented in your post. They’re very convincing and will definitely work. Still, the posts are very short for starters.
57

Edwin

3-28-11 3:00AM

were he to take 60-70 wickets in the CC then i think he’d deserve a recall.
56

Blogging

3-25-11 1:13AM

It seems to be a great tool. Thanks for sharing with us…
55

anthony

3-21-11 9:38AM

The world’s best jerseys, this is the best site I’ve ever seen. cheap nfl jerseys Whether you like or don’t like jerseys, I think you are going to see it, there is no you don’t like product, only don’t you temporarily do not need products!
54

Web Designer Chennai

3-21-11 7:01AM

your information is very clear and very useful, than you very much……
53

CCNA CHENNAI

3-21-11 6:55AM

very useful post, thank you
52

Web Designer Chennai

3-21-11 6:54AM

i am a designer, your post is very useful
51

sun

3-19-11 8:05AM

please read through the comments because most common issues have already been discussed many times. Thanks.
engineering management degree
50

coaching

3-11-11 2:54PM

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.
49

Html Kodlar

2-20-11 5:28PM

Very informative post.
Many thanks for sharing.
48

Criminal Justice Degrees

2-18-11 2:42PM

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. We were were working on our Criminal Justice Degrees, many of us fooled around with web development and picked up some knowledge.
47

Kenshin

2-17-11 9:30PM

Very good. thanks for the post.
46

DVDSoft

2-17-11 2:03AM

Thanks so much! Great plugin.
mp4 to dvd, itunes to dvd
45

TheBestSpinner

2-16-11 7:11AM

It now works in WordPress 3.0.1. Thanks so much! Great plugin.
44

online safety degrees

2-12-11 12:43PM

Thanks these days are using ergonomic furniture to ensure that there are no injuries from work related hazards. Use an ergonomic chair and feel better comfort in your back and shoulder.
43

fun educational games

2-9-11 9:37AM

Thanks for the post. I thoroughly enjoyed reading it and I think you made some good points! I am mainly involved with fun educational games but I really got a lot from this. Take care!
42

Folktales and fables

2-3-11 9:35PM

Never know that before. Thanks for the post
41

Equestrian

2-3-11 9:34PM

Great post. Very useful tool. Gotta try is next time
40

Equestrian

2-3-11 9:31PM

Is that all I have to do? or must I set something else?
39

jibran

2-3-11 11:34AM

Companies these days are using ergonomic furniture to ensure that there are no injuries from work related hazards. Use an ergonomic chair and feel better comfort in your back and shoulder. oxyhives
38

autopartcar

2-2-11 9:12PM

NIce Info, LIke this is good jov article and resume
37

bachelor-of-business-administration

1-31-11 4:32PM

Best-of-Programm jedoch probiert Josef Hader etwas, was viele Kollegen machen, er aber normalerweise nicht: Nummern spielen und dazwischen Lieder singen.
36

Amulets

1-26-11 8:37AM

Nice thread. I had to stop by your blog and read this informative article. You can also visit my blog
35

wedseo

1-25-11 3:32AM

Seriously I am looking forward to your opinion,
skin care
34

hsn

1-23-11 10:36AM

Invitation
Invite you to show my art works at http://www.apwoaly.piczo.com
Seriously I am looking forward to your opinion,
If you admire it, it will be great pleasure if we cooperate together.

With my best wishes
33

jibran

1-18-11 1:55AM

Best-of-Programm jedoch probiert Josef Hader etwas, was viele Kollegen machen, er aber normalerweise nicht: Nummern spielen und dazwischen Lieder singen. cheap laminate flooring
32

DVDSoft

1-15-11 3:57AM

Dont know? Must i only set the number or somethingelse? Thanks
mp4 to dvd, itunes to dvd
31

Internet

1-3-11 8:22AM

I think this post is very popular because i see here many comments
30

kasino

12-20-10 8:51AM

work like a charm.thanks!
29

Internet review

11-19-10 8:58AM

Thanks for your tool. It was useful for my team.
28

Seotons

11-3-10 2:59PM

Very useful, thanks a lot!
27

Cv Tips

10-18-10 10:57AM

I just come across your plugins through google and i find most ofthem very useful like this one.
26

ntagas webdesign

9-29-10 5:46PM

Thank you very nice. It works fine…
25

Nano Versiegelung

9-28-10 4:54AM

Really very useful tool.
24

Piece

9-26-10 6:02AM

Thanks For Knowlet.
I like for Post.
23

Azad @ Internet Geeks

8-28-10 6:12PM

work like a charm.
Thanks!
22

Free MMORPG Scripts

8-28-10 2:57AM

thanks for this !
21

WP Content Plugins

8-15-10 12:59PM

Really very useful tool.
20

tom

8-9-10 12:10PM

Good site! Thanks!
19

Website Design Orlando

7-30-10 8:10AM

Man this is really cool. As a Web Designer, you feel that once you have picked your color scheme your design is pretty much set in stone, but with this tool you can make changing a color scheme of an existing website a lot easier. I really have to try this out sometime.
18

modelarstwo

7-23-10 3:30AM

Great article.
17

Michael

7-20-10 12:45PM

Thanks for your stuffs, it useful for us
16

tommy kuntoro

7-20-10 5:06AM

thanks for you information
15

??????? ????????

7-16-10 4:37PM

Usefull tool. Thanks!
14

webDesign

7-13-10 12:02PM

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

Website design Chennai

7-10-10 1:31AM

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

andri

7-9-10 3:49AM

Thanks Dagon, your stuff mean a lot to my SEO
11

Nutaryuk

7-3-10 11:53PM

I want to try it.
Thanks for sharing
10

nikki

6-29-10 2:37AM

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.
9

Hasselmann

6-25-10 6:54AM

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

Gouri

6-16-10 11:53AM

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

Steffen

4-14-10 6:59AM

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

golubkov

3-24-10 8:49PM

Very well!
5

andrey

3-24-10 8:48PM

Good site! Thanks!
4

HASSAN

3-17-10 8:43PM

-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
3

Jay Forex

3-13-10 9:48AM

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?
2

Admin

2-23-10 5:48PM

Update

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

farshid

5-1-09 11:33PM

love your work