Creating Colors

Chapter 3 focuses on color: how it works in nature, how it works on the computer, and how it can be specified within your SVG code.

The links below will open the live example files or high-res PNG or JPEG screenshots in a new browser tab. Alternatively, you can download the entire collection as a zip archive or fork it as a GitHub repository. Be sure to read the O’Reilly Media policy on the use of example code.

• Example 3-1 & Figure 3-1 (color keyword quilt):
  • SVG file
  • screenshot
  • the data file
• Figure 3-3 (understanding color mixing):
  • SVG file
  • screenshot
• Example 3-2 & Figure 3-4 (HSL color wheel):
  • SVG file
  • screenshot
• Figure 3-5 (color-interpolation modes):
  • SVG file (will not display properly in web browsers)
  • screenshot exported from Apache Batik

Return to the main table of contents.