Jump to content


Corporate Sponsors


Latest News: (loading..)

- - - - -

Website Color Pallette Trick


19 replies to this topic

#1 tjreynolds

  • Community Member
  • 409 posts
  • Real Name:TJ

Posted 04 January 2004, 19:30

Step 1: Find an Image you like (that relates to your site)

Open Image in Photoshop:

Run this filter:

Filter | Pixelate | Mosaic

Adjust cell size.


Wala. Your palette for your new site is ready!

I use this for every site I make. Hope you enjoy it.

Please msg me with the site(s) you create using this trick, I'd love to see them.

[img]http://whitneyventures.com/images/mosaic.jpg[/img]


TJ

#2 Lutroo

  • Community Member
  • 2 posts
  • Real Name:Matt Edmundson

Posted 05 January 2004, 10:59

Like it!

#3 leafi

  • Community Member
  • 9 posts
  • Real Name:Leafi

Posted 07 January 2004, 12:49

whoa...a very useful trick!
I have just finish the layout of my store but I don't like the color :(

I will try this tonight, thanks!

#4 Tariq

  • Community Member
  • 150 posts
  • Real Name:Melina

Posted 09 January 2004, 06:39

oooh nifty :>

this goes well with the thread I did too for a different approach!!
One of these days, I will actually understand what I just changed...

But reading the Manual DEFINATELY helps...

#5 azer

  • Community Member
  • 842 posts
  • Real Name:azer
  • Location:Paris, france

Posted 02 February 2004, 18:20

wonderfull!
MS2

#6 Shuey

  • Community Member
  • 73 posts
  • Real Name:dale shulmistra
  • Gender:Male
  • Location:New York, NY

Posted 02 February 2004, 18:38

looks like a very neat idea. my brain isn't functioning too well today from the superbowl party so this is prolly a stupid question.

how can i tell what the colors are (ie. #FFFFFF)


thx

#7 jef

  • Community Member
  • 65 posts
  • Real Name:JF Allard
  • Gender:Male
  • Location:Saint-Lazare, Quebec, Canada

Posted 02 February 2004, 18:50

you can take the RGB value and use this site to get matching HEX code. It will give you other web matching colors as well:

http://www.colorschemer.com/online.html

TJ, your trick is great (and easy, which makes it better!!), but not all site use full colored pictures as header image... Then, the colorschemer tool works as a great alternate as well.. (original tip taken from an earlyier post from Burt)
It ain't easy being me either

#8 _pleb

  • Community Member
  • 73 posts
  • Real Name:_plebeian
  • Location:UK

Posted 03 February 2004, 11:29

You can get the Hex. codes directly from Photoshop, FYI - use the eyedropper to select the colour, and then edit the colour with the colour picker - beneath the RGB, CYMK values is the hex. code.

#9 djgizmo

  • Community Member
  • 142 posts
  • Real Name:Sean
  • Location:Tampa, FL

Posted 05 February 2004, 16:49

This is probably one of the best tips for web deign I have seen in a long time. Very simple, and yet very affective.

This should be taught at web page design 101 classes.

Is there a post anywhere on here where people can get reviews of there site design for suggestions?

#10 ecartz

  • Community Member
  • 1,919 posts
  • Real Name:Matt
  • Gender:Male

Posted 06 February 2004, 03:03

djgizmo, on Feb 5 2004, 11:49 AM, said:

Is there a post anywhere on here where people can get reviews of there site design for suggestions?
The My Store forum? If that's not the answer, then I don't understand the question.

Would have to be a real store to post on the My Store forum though. No designs without clients or designs that aren't related to osCommerce. Read the pinned notice in that forum before posting.

Hth,
Matt
Always backup before making changes.

#11 zondervan

  • Community Member
  • 8 posts
  • Real Name:Robert Wilderman

Posted 06 February 2004, 20:05

Now if I only owned photoshop. I have the Microsoft Photo something or other. It's pretty good for $30. I wonder if it can do this.

#12 rossasbill

  • Community Member
  • 24 posts
  • Real Name:ross asbill

Posted 06 April 2004, 06:04

Once I do the Filter thing, How do I use that to change my Site?

#13 spayce_girl

  • Community Member
  • 114 posts
  • Real Name:RW
  • Location:Ohio, USA

Posted 13 April 2004, 16:21

I've never heard this before. This is a great. Thanks for the tip.

#14 defender39

  • Community Member
  • 410 posts
  • Real Name:jesse

Posted 27 April 2004, 00:29

another free online color schemer that I think is better

http://www.pixy.cz/apps/barvy/index-en.html

#15 miguel_os

  • Community Member
  • 94 posts
  • Real Name:miguel
  • Location:Madrid, Spain, EU.

Posted 27 April 2004, 00:55

Good idea!.
Thank you for the tip.

#16 mayworks

  • Community Member
  • 2 posts
  • Real Name:Derrick

Posted 24 May 2004, 19:43

Very nice. I was just thinking about a color scheme. Thank you.

#17 agiftcodotcom

  • Community Member
  • 819 posts
  • Real Name:Eric
  • Location:Austin, TX

Posted 24 May 2004, 19:53

zondervan, on Feb 6 2004, 03:05 PM, said:

Now if I only owned photoshop. I have the Microsoft Photo something or other. It's pretty good for $30. I wonder if it can do this.
You can get Adobe Photo Shop Elements for $99 instead of the full blown and it will do A LOT of functions still.
Contributions I used : Updated 06-13-04 23:42
----------------
Vote on My Graphis Poll

#18 sinryder

  • Community Member
  • 555 posts
  • Real Name:Haider

Posted 31 May 2004, 03:38

hey TJ cant find " Mosaic " in Filter > Pixelate
i am using photoshop cs .

#19 airolg

  • Community Member
  • 258 posts
  • Real Name:Glo

Posted 22 July 2004, 03:56

This is an excellent tip.

Thank you.

#20 L.A.Willman

  • Community Member
  • 31 posts
  • Real Name:Larry Willman

Posted 10 January 2012, 20:21

For grabbing individual colors off the web, and to find the hex code in my shopping cart I use ColorPix, Free and very neat. It picks up the pixel under the mouse... click any key...info is captured and locked, click on the hex code displayed and code is saved.

AdvColorSel is another cool tool for color management, no color wheel, but with how it works... you don't need one.