Boot Camp

Web Authoring Boot Camp
HEX colors are hex triplets - six-digit, three-byte hexadecimal number used in HTML,
CSS, SVG, and other computing applications, to represent colors. The bytes represent the
red, green and blue components of the color. Hexadecimal color codes begin with a hash
(#) . They are expected to render accurately regardless of the browser they are displayed
on.
Black text here
Color Styling Tips
• Use HEX colors: Always use the # in front of the color: #ffffff.
• Background-color: Background colors can be used for , , ,
.
• Border-color : Can be only used for border attributes of selectors that allow them.
• Color: Text coloring only. There is no font-color style.
• Use small letters whenever you have them in the HEX color code: #cc0000
• When the HEX numbers have 3 pairs of repeating digits, you can also shorthand
it: #ff3344 = #f34, #cccccc = #ccc
Color Palettes
Not everyone who produces websites has a strong sense of design, and that coverage is
part of other books. However, you can find some color palette tools on the Internet to help
you look at how colors complement and contract with each other. For instance, if you determine
that your audience for recreational gear is mostly interested in outdoor and backto-nature
solutions, you might want to use a color palette that emphasizes earthy and
natural colors. But, what looks good together?
Website links will change, but you can look up palette information on a search engine:
Color Combination Palettes, Color Scheme Designer, Color Scheme Chooser, etc.
When you find one, you will likely see an interface that allows you to choose a base color,
such as a dark green, and set filters to see palettes for a complementary, contrasting,
monochromatic, triadic, and/or analogic color schemes.
154