Build Your Own Business Website header image

Suggestions for Generating Color Schemes

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Whoops, you've found some premium content!

Watch the opening clip of this video to preview it,
the full video is available to paid members.

In this session we suggest different ways of generating color schemes and the different tools available that will allow a larger range of colors for selection. A few of these suggestions are RGB Color Scale, Thesis ColorScale, HTML Color Picker from w3schools and Adobe Kuler.

Video Transcript

Member: The first is if it’s possible to use the Thesis ColorScale but instead of using one of the predefined colors as the main color and get the suggestions from Thesis to use custom one and get that from there.

Rick: No, there isn’t the ability to do that. You can…

Member: Okay.

Rick: Yeah. However let’s see rgb color scale. That’s not what we want, rgb color scale calculator, color codes chart. You know, there are somewhere… there is a site I wish I remember what it was off at the top of my head now. There’s a site that does allow you to give it a color and then it will show you a range. Let’s see maybe I put it under Design Resources. No, I didn’t. Design Resources I already looked at that. No, unfortunately. That’s what you’re looking for though. Let’s look for a gray scale, rgb gray scale. Oh no, HEX that’s what it is, let’s do Hex color scale. No, that’s the one I just looked at. Hexadecimal color scale. Okay, actually w3schools does. You could take a color I mean if you know your color. Well obviously…

Member: Yes, I know my colors so..

Rick: What is the color?

Member: Oh, I have it in the file because I have a custom design made by a designer and I don’t know if I can come with it right now but if you give me an example it’s…

Rick: Okay, well I’ll give you this. What this does is it takes a color and then it gives you lighter and darker variations of that color here.

Member: Okay, okay.

Rick: I’ll put this in the chat window.

Member: Okay, okay.

Rick: So that you can copy it.

Member: w3schools yeah. It’s not exactly the kind of stuff that Thesis ColorScale does but it’s…

Rick: Well, it gives you a much larger range of colors than the Thesis ColorScale does, right depends on what skin you’re working in but if you’re like working in one of mine I think mine gives you a range of 6 colors. This will give you a much larger range of colors. Let’s see somebody else is suggesting that there is another site here.

Member: I was also thinking in terms of you know, in Thesis ColorScale you can also select kind of complementary colors and things like this.

Rick: Well, the only skin I know of that will allow you to select complementary colors in the scale is Pearsonified. I don’t know of any other skin that well, you can pick the complementary colors you know, in that little button up there right so if you’re… if you are…

Member: Yeah, yeah in the button yeah in the button.

Rick: Right. So if you’re in Skin Design you can do that and you know that’s fine, that does work but you’re going to have to move around right, you have to move back and forth between setting up getting the color gradient you want or the color scale you want and then picking complementary colors.

This is something I’ve been playing with a little bit on a skin that I created but it’s not automatic yet and I haven’t really had a chance to fully figure out his method of calculating complementary colors but what I’ve done in this skin is you know, essentially let you choose a range of colors in you know, 3 different schemes and then you can see the scales and then pick the ones you think would look best in that situation but this is not something ready for prime time and…

Member: Yeah.

Rick: Let’s see, Richard gives another one, a color wheel. Now, let’s see oh sure Kuler is absolutely a mechanism that can be used for developing color schemes but if you’ve got a color scheme or if you’ve got a color you could always in something like Kuler or now I guess it’s color.adobe you can always enter a color and it will give you different kinds of complementary you know, monochromatic which is what Thesis does is monochromatic you know, triad, complementary, compound. I mean there are tools like this on the web absolutely.

Member: Okay.

Rick: And I’ll put this in the chat window for you as well.

Member: Thank you.

Rick: Obviously it doesn’t interface with Thesis but Kuler is a very good tool. The colors I got for the Nude actually came from a Kuler palette called Nude and I’ve often use the Kuler and it was k-u-l-e-r.

Member: Yeah.

Rick: I’ve often used Kuler as a tool for developing color schemes.

Member: And basically how do you do it? So you go in Kuler and what do you do?

Rick: Well, let’s see what I did and it’s been awhile since I’ve been to Kuler and it’s changed quite a bit but what I used to do is go into what it now calls Explore and to look at different color schemes and you know, people submit color schemes and you know you can get a sense of whether you like them or whether you don’t like them so this Vitamin C is kind of a cool one. So you can use stuff like this.

Member: Yeah, yeah I understand.

Rick: Okay. Kuler is a very powerful tool, it’s a very useful tool. It’s changed quite a bit since I used it last and it would be great if there is some way to interface this with Thesis but at the moment there isn’t.

Member: Okay.

0 Comments… add one

Save $200 on Membership Now!

Start learning today for as little as
$0.82 PER DAY!
THIS IS A LIMITED TIME OFFER!
Subscription Options
0 comments… add one

Leave a Comment