--- layout: layouts/page.njk title: Couleurs --- ## Couleurs simples Le SVG utilise le même système de couleur que les feuilles de style css à savoir les couleurs nommées (black, white, red, ...) les couleurs hexadécimale, les couleur rgb et hsl ## Dégradé linéaire Le gradient est défini à l'intérieur d'une zone d'1px de longueur. Une mise à l'échelle est opérée pour remplir ensuite la zone de remplissage. Trés souvent les coordonnées s'expriment en pourcentage ```svg ``` Les propriétés x1 y1 ; x2 y2 définissent un vecteur de direction pour le dégradé ```svg ``` ## Dégradé radial Le dégradé se propage depuis le centre d'un cercle vers l'extérieur. ```svg ``` ## gradientUnits `userSpaceOnUse` le dégradé s'étend sur toute la surface de l'illustration. La couleur à l'intérieur des objets dépend de leur position `objectBoundingBox` le dégradé s'etend dans les limites de l'objet ## Motifs Pour le remplissage en plus de la couleur il est possible d'utliser un motif qui servira à remplir la forme ```svg ```