Einfarbige Hintergründe Pastell

---

---

Liste Der Benannten Farben #

from matplotlib.patches import Rectangle import matplotlib.pyplot as plt import matplotlib.colors as mcolors def plot_colortable ( colors , sort_colors = True , emptycols = 0 ): cell_width = 212 cell_height = 22 swatch_width = 48 margin = 12 # Trier les couleurs part teinte , Sättigung, Wert et nom. items ()) names = [ name for hsv , name in by_hsv ] else : names = list ( colors ) n = len ( names ) ncols = 4 - emptycols nrows = n // ncols + int ( n % ncols > 0 ) width = cell_width * 4 + 2 * hauteur de la marge = cell_height * nrows + 2 * marge dpi = 72 fig, ax = plt. set_visible ( False ) ax . set_visible ( False ) ax . set_axis_off () for i , name in enumerate ( names ): row = i % nrows col = i // nrows y = row * cell_height swatch_start_x = cell_width * col text_pos_x = cell_width * col + swatch_width + 7 ax . text ( text_pos_x , y , name , fontsize = 14 , horizontalalignment = 'left' , verticalalignment = 'center' ) ax . add_patch ( Rectangle ( xy = ( swatch_start_x , y - 9 ), width = swatch_width , height = 18 , facecolor = colors [ name ], edgecolor = '0.7' ) ) return fig

---

Css-Farben

RGB (255, 0, 0, 0,2);

RGB (255, 0, 0, 0,4);

RGB (255, 0, 0, 0,6);

RGB (255, 0, 0, 0,8);

Das folgende Beispiel legt verschiedene RGBA-Farben fest:

Beispiel #p1 {background-color: rgba(255, 0, 0, 0.3);} /* rot mit Deckkraft */

#p2 {background-color: rgba(0, 255, 0, 0.3);} /* grün mit Deckkraft */

#p3 {background-color: rgba(0, 0, 255, 0.3);} /* blau mit Deckkraft */ Probieren Sie es selbst aus”

HSL-Farben

HSL steht für Farbton, Sättigung und Helligkeit. hsl(0, 100 %, 30 %);

hsl(0, 100 %, 50 %);

hsl(0, 100 %, 70 %);

hsl(0, 100 %, 90 %);

Das folgende Beispiel definiert verschiedene HSL-Farben:

Beispiel #p1 {Hintergrundfarbe: hsl(120, 100%, 50%);} /* grün */

#p2 {Hintergrundfarbe: hsl(120, 100 %, 75 %);} /* hellgrün */

#p3 {Hintergrundfarbe: hsl(120, 100%, 25%);} /* dunkelgrün */

#p4 {background-color: hsl(120, 60%, 70%);} /* Pastellgrün */ Probieren Sie es selbst aus »

HSLA-Farben

HSLA-Farbwerte sind eine Erweiterung von HSL-Farbwerten um einen Alphakanal – der die Deckkraft einer Farbe angibt. hsla(0, 100 %, 30 %, 0,3);

hsla(0, 100 %, 50 %, 0,3);

hsla(0, 100 %, 70 %, 0,3);

hsla(0, 100 %, 90 %, 0,3);

Das folgende Beispiel definiert verschiedene HSLA-Farben:

Beispiel #p1 {background-color: hsla(120, 100%, 50%, 0.3);} /* grün mit Deckkraft */

#p2 {background-color: hsla(120, 100%, 75%, 0.3);} /* hellgrün mit Deckkraft */

#p3 {background-color: hsla(120, 100%, 25%, 0.3);} /* dunkelgrün mit Deckkraft */

#p4 {background-color: hsla(120, 60%, 70%, 0.3);} /* Pastellgrün mit Deckkraft */ Probieren Sie es selbst aus »

Opazität

Die CSS-Eigenschaft opacity legt die Deckkraft des gesamten Elements fest (Hintergrundfarbe und Text werden undurchsichtig/transparent). Das folgende Beispiel zeigt verschiedene Elemente mit Opazität:

Beispiel #p1 {background-color:rgb(255,0,0);opacity:0.6;} /* rot mit Deckkraft */

#p2 {background-color:rgb(0,255,0);opacity:0.6;} /* grün mit Deckkraft */

#p3 {background-color:rgb(0,0,255);opacity:0.6;} /* blau mit Deckkraft */ Probieren Sie es selbst aus »

---

# Video | Einfarbige Hintergründe Pastell

• Pastel Background Aesthetic
• Plain Pastel Blue Background
• Pastel Background
• Pastel Plain Background Aesthetic
• Plain Pastel Colors

# Images | Einfarbige Hintergründe Pastell - Plain Pastel Background Yellow

Liste der benannten Farben # - CSS-Farben

Save

Plain Pastel Background Yellow - Plain Pastel Background Landscape

Save