
How to make White Set the Saturation slider at 0 and the Brightness slider at 100. How to make shades of Gray Set the Saturation slider at 0 and then adjust the Brightness slider. How to make Black Set the Brightness slider at 0.
Use the Brightness slider to define how light or dark the color is rendered. Use the Saturation slider to define how pure the color is rendered. Here are a few quick tips on how to use this HSB color slider effectively ~ Here's an example of using a hexadecimal color code in the font element: As a basic example, #ff0000 = bright red, #00ff00 = bright green, and #0000ff = bright blue. The code applies the RGB (red, green, blue) color system where the first two digits control red, the second two digits control green and the last two digits control blue. The hexadecimal color code is basically just a six-digit code using any number from 0 to 9 or any letter from A through F (case insensitive). However if you want a much wider range of colors to choose from, color values can also be represented using hexadecimal color codes (which must be preceded by a hash mark '#') which allows you to choose from among potentially 16 million color definitions as opposed to just 140. Click on any swatch to select that color. Hover over the color swatches in the color chart on the left to view color names. Hence any of these colors may be used in your HTML font color codes. Any of these color names can be used to define colors in HTML, CSS and/or Javascript. Well, for your convenience, I've constructed an interactive color chart below displaying all of the official color names in the so-called X11 color list that can be used in web page code. The font-family property allows us to specify several fonts we might like to use.And of course now you must be wondering what all the official color names are.
Even if the user doesn't have our first choice font, they have some font that we chose. This allows us to be sure that we have some control over what font is displayed in our website.
choose any number of other fonts that we might want to fallback on. choose the font we want if the first one isn't available. When specifying fonts for web pages, we use a system of "fallbacks", called a font stack. A different font is used instead (usually chosen by the browser).Īs graphic designers, we always want to have control of the font being rendered. What happens if we ask for a font that the user doesn't have?
Lists and examples of common web safe fonts:
Somewhat dated chart of web safe fonts (originally from ).
List content from Web Safe Fonts: How to choose fonts that work best for your websites