Couleurs SVG

4D v16

Couleurs SVG

Définitions de couleurs

Le SVG reconnaît toutes les syntaxes alternatives pour les couleurs définies dans la norme CSS2. Les commandes du composant 4D SVG prennent en charge toutes ces syntaxes.

Une couleur peut être exprimée sous l'une des formes suivantes :

Format RVB
Format Exemple
#rgb #f00
#rrggbb #ff0000
rgb(r,g,b) rgb(255,0,0)
rgb(100%, 0%, 0%)
Format mot-clé "couleur"
Le SVG admet une liste étendue de mots-clés de noms de couleur, par exemple "red".

La liste des mots-clés ainsi que leur correspondance RVB figure dans les thèmes de Constantes 4D SVG : SVG Colors (Names) et SVG Colors (RGB). Vous pouvez également visualiser cette liste et insérer directement des valeurs de couleurs via la Palette de couleurs de 4D SVG. Pour plus d'informations sur ce point, reportez-vous à la section Outils de développement.

Opacité

Il est possible de spécifier l'opacité dans les expressions couleurs des commandes du composant en utilisant la syntaxe "couleur:opacité" où opacité est un nombre compris entre 0 (pas de couleur) et 100 (couleur complètement opaque). Ainsi "red:50" sera interprété comme un rouge à 50% d'opacité.

Dégradés

Les dégradés sont des transitions progressives de couleur le long d'un vecteur. Ces dégradés sont définis avec les commandes SVG_Define_linear_gradient et SVG_Define_radial_gradient. Une fois définis, les dégradés sont utilisés par référence en utilisant la syntaxe "url(#NomDuDégradé)".
De même, il est possible de définir une couleur personnalisée associée à une opacité avec la commande SVG_Define_solidColor.

Voir aussi

Outils de développement
SVG_Define_linear_gradient
SVG_Define_radial_gradient
SVG_Define_solidColor
SVG_SET_OPACITY