Tutorial by Examples | RIP Tutorial

Named colors - use predefined names for fill and stroke attributes

A list of recognised color keyword names can be found in the W3C Recommendation for SVG. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <circle r="30" cx="100" cy="100" fill="red" stroke=&qu...

SVG • Colors

RGB Colors Using Hexadecimal Notation

SVG • Colors

RGB colors with functional notation - integer values or percentages

SVG • Colors

The currentColor keyword

currentColor is most usefull in inline SVGs. With this you can inherit the parents css color and use it everywhere colors are used in SVG. In this example the first circle uses the text color as fill color, and the second circle uses it as the stroke color. <html> <head> ...

SVG • Colors