4D v16
SVG Colors
- 4D SVG Component
-
- Colors and Gradients
-
- SVG Colors
- SVG_Color_from_index
- SVG_Color_grey
- SVG_Color_RGB_from_CMYK
- SVG_Color_RGB_from_HLS
- SVG_Color_RGB_from_long
- SVG_FADE_TO_GREY_SCALE
- SVG_Filter_ColorMatrix
- SVG_GET_COLORS_ARRAY
- SVG_GET_DEFAULT_BRUSHES
- SVG_Get_named_color_value
- SVG_SET_BRIGHTNESS
- SVG_SET_DEFAULT_BRUSHES
- SVG_SET_HUE
- SVG_SET_SATURATION
SVG Colors
SVG recognizes all the alternative syntaxes for the colors defined in the CSS2 standard. The commands of the 4D SVG component support all these syntaxes.
A color can be expressed in one of the following forms:
- RGB format
Format Example #rgb #f00 #rrggbb #ff0000 rgb(r,g,b) rgb(255,0,0) rgb(100%, 0%, 0%)
- "Color" keyword format
SVG accepts an extensive list of color name keywords, for example "red".
The list of keywords, as well as their RGB equivalents, can be found in the 4D SVG Constants theme: SVG Colors (Names) and SVG Colors (RGB). You can also view this list and insert the color values directly via the 4D SVG Color palette. For more information, please refer to Development tools.
It is possible to specify the opacity in the color expressions of the component commands by using the syntax "color:opacity" where opacity is a number included between 0 (no color) and 100 (color completely opaque. So "red:50" will be interpreted as a red at 50% opacity.
Gradients are progressive transitions of color along a vector. These gradients are set with the SVG_Define_linear_gradient and SVG_Define_radial_gradient commands. Once set, the gradients are used by reference using the "url(#GradientName)" syntax.
Similarly, it is possible to set a custom color associated with an opacity using the SVG_Define_solidColor command.
Development tools
SVG_Define_linear_gradient
SVG_Define_radial_gradient
SVG_Define_solidColor
SVG_SET_OPACITY
Product: 4D
Theme: Colors and Gradients
4D SVG Component ( 4D v16)
