You can experiment with using colors in your CSS by using the following properties: color, background-color, border-color, border-top-color, border-right-color, border-bottom-color, border-left-color. Some of the codes in hexadecimal notation are FF0000, 00FF00, 0000FF, FFFF00, and many more. A great example of this type of tool is Adobe Kuler. The black color notation in hexadecimal is 000000, and the white color notation in hexadecimal is FFFFFF. Lastly, there are many tools online that allow you took pick color schemes. This utility will give you a tiny cursor, and will show you whatever colors you move over. You can find it in Applications/Utilities/DigitalColor Meter. Digital Color Meter To capture a color that you see on your screen, you can use the DigitalĬolor Meter utility that is on all Macs.
Webmonkey has a page that simply contains a bunch of swatches of colors and their hex codes. You can also use a color picker online that looks very similar to the Photoshop one. The Adobe Photoshop color palette is easily accessible on all the lab computers. There are a number of options to choose from. To do this, you should use a color picker program.
H1 /* yellow: same as #ffff00 */ How to Pick ColorsĬlearly all of those numbers are not actually conducive to picking good colors. In the example below, we are making a paragraph black, an h1 white, and an unordered list purple. The CSS syntax for using RGB colors is a little different than we've seen before. Don't worry much about the technical details, just how to use them. RGB works the opposite of CMYK, in that none of the colors actually equals black and all of the colors equals white. RGB values are specified for each of the key colors (red, green, blue), using a value between 0 and 255 or a percentage value. Since in web design we're primarily concerned with what web pages look like on screens, RGB is the color model we use. RGB, which stands for red, green, and blue is the color model that monitors use. Most of you have probably heard about CMYK values for print design. Color keywords are most useful for testing and demonstration purposes (like in these pages). The first and easiest way to specify a color is using one of the 17 predefined color keywords.Ĭlearly most of these colors are unsuitable for normal web design. There are three different ways to specify colors in CSS. RGB: rgb (255,255,255) HSV: ( 0°, 0, 255 ) Add a useful note/description about this color.
We've already seen some properties in CSS that take color values. HTML, CSS or hex color code for color 'White' is ffffff. Back to Class Three page » Defining Colors in CSS