Hexadecimal color notation
Hexadecimal color notation is a textual representation of color components using hexadecimal digits, typically encoding red, green, blue, and optionally alpha.
CSS in Depth, Second Edition
Hex color notation is a CSS color notation that encodes color components using hexadecimal digits, optionally including an alpha component.
- How it is used
- Specifies CSS colors and supplies an opaque fallback before a partially transparent background-color declaration.
- How deep it goes
- Defines component ranges, alpha, shorthand, and fallback behavior; identifies rather than resolves the notation’s wider-gamut limitation.
- Examples
- Uses #80c090 for component decoding, #c90 for shorthand, and paired aside backgrounds for an eight-digit fallback.
- What you can do after
- Operate/configure CSS colors by reading hex components, using alpha or shorthand, and placing a fallback before an eight-digit value.
Read how CSS in Depth, Second Edition explains hexadecimal color notation →
Web Design Playground
A hexadecimal notation for specifying a color by encoded red, green, and blue channel values.
- How it is used
- Uses hexadecimal triplets to supply CSS color values for text, backgrounds, and color-scheme tools.
- How deep it goes
- Defines #rrggbb channel positions and ranges, then works through a purple CSS declaration without detailing hexadecimal conversion generally.
- Examples
- Uses common-color codes, a purple h1 rule, and brown or gold values as inputs to generated color schemes.
- What you can do after
- Apply it via CSS color and background-color properties or enter a hex triplet into color-selection tools.
Read how Web Design Playground explains hexadecimal color notation →
Web Design Playground, Second Edition
An RGB hex triplet is a hexadecimal color notation consisting of three pairs of digits specifying red, green, and blue components.
- How it is used
- Specifies CSS text, background, and design colors alongside rgb(), hsl(), rgba(), and hsla().
- How deep it goes
- Explains component pairs, value ranges, alpha notation, shorthand, examples, and color-selection tools.
- Examples
- Uses purple headings, common-color codes, shorthand pairs, playground color choosing, and color-scheme calculation.
- What you can do after
- Apply it via CSS by writing RGB hex triplets, alpha-enabled codes, and valid shorthand color values.
Read how Web Design Playground, Second Edition explains hexadecimal color notation →
Math for Web Design
An RGB hex code is a three- or six-digit hexadecimal color notation encoding red, green, and blue component values.
- How it is used
- Specifies RGB colors in CSS and supplies color strings for JavaScript-based contrast checking.
- How deep it goes
- Explains component ranges, shorthand, alpha notation, and JavaScript parsing, then stops short of deriving hexadecimal arithmetic fully.
- Examples
- Uses purple CSS text, #3366cc and #36c shorthand, and a JavaScript contrast-ratio calculator.
- What you can do after
- Apply hexadecimal colors in CSS and convert three- or six-digit codes for contrast calculations in JavaScript.
Read how Math for Web Design explains hexadecimal color notation →
Related concepts
- rgb() functionalternative to · The CSS rgb() function specifies a color using red, green, and blue component values in the sRGB color space.
- RGBuses · RGB is an additive color model that represents colors through separate red, green, and blue component values or intensities.
- HSL methodequivalent to · The HSL method represents colors using hue, saturation, and lightness within a color model or notation system.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.