CSS Farben
Farbwerte
CSS können Sie angeben, 24-Bit-Farben (also 16.777.216 Farben's!) Für Eigenschaften wie Text-und Hintergrundfarbe und Rahmenfarbe runter, um Ihre Designs. Sie können entweder die Namen der Farben, hexadezimal oder RGB (rot, grün, blau) Notation.
CSS Farbnamen
Um die Dinge einfacher, CSS, davon 16 Standard-Farbnamen in einfachem Englisch sowie über 100 erweitert Farbnamen. Hier ist eine Liste mit den Standard:
| Farbname | Ausgang |
|---|---|
| aqua | |
| black | |
| blue | |
| fuchsia | |
| gray | |
| green | |
| lime | |
| maroon | |
| navy | |
| olive | |
| purple | |
| red | |
| silver | |
| teal | |
| white | |
| yellow |
Zusätzlich können Sie eine Farbe Wert festzulegen, der entweder keine oder transparent auf das Element von der Zeichnung jede Farbe zu verhindern (andere Elemente dahinter zeigen durch).
Hexadezimal Farben
Obwohl die Namen der Farben in sehr nützlich manchmal kommen, sind sie viel zu wenig für jedes Design anpassen. Um tippen Sie in das gesamte Spektrum der 24-Bit-Farben können Sie hexadezimale Werte verwendet.
Hexadezimal Farben sind ein Pfund-Zeichen # durch eine 6-stellige Hexadezimalzahl wie folgt zusammen #ff065c . Die ersten 2 Ziffern stehen für die rot-Komponente, das zweite Paar ist das Grün und der dritte den Blauanteil. Ihr Wert kann von 00 bis FF #000000schwarz und #ffffff wird weiß.
| Farbcode | Ausgang |
|---|---|
| #000 | |
| #3b948d | |
| #aed527 | |
| #ff7612 | |
| #fff |
Vielleicht ist Ihnen schon aufgefallen, dass ich schrieb #000 statt #000000 für die Anzeige von schwarzer Farbe. Dies ist eine Kurzform besagt, dass die Zahl der jedes Paar nur einmal, wenn jedes Paar besteht aus den gleichen Ziffern. Zum Beispiel #eeeeee kann geschrieben werden als #eee , #3399cc wie #39c und so weiter. Verwenden Sie diese, wenn möglich, die Größe der CSS-Code zu reduzieren.
RGB-Farben
Last but not least können Sie auch angeben Farbwerte mit dem RGB-Modell (rot, grün, blau). Es ist im Grunde wie hexadezimalen Farben, sondern von Hex-Paaren Sie verwenden Dezimal-Werte von 0 bis 255 für jede Farbkomponente wie rgb(red,green,blue) .
| RGB-Farbe | Ausgang |
|---|---|
| rgb(0,0,0) | |
| rgb(59,148,141) | |
| rgb(174,213,39) | |
| rgb(255,118,18) | |
| rgb(255,255,255) |
Sie können sich bereits sehen, dass die RGB-Notation mehr Code erzeugt als die hexadezimal während sie genau das Gleiche. Aus diesem Grund wird selten über RGB hex verwendet. Die meisten Grafik-Software-Farben-Display im RGB-und Hex-Format sowieso.
Textfarbe
Der color Eigenschaft kann genutzt werden, um die Textfarbe zu ändern. Es kann an jedem beliebigen HTML-Element, das Text enthält, angewandt werden.
CSS Farbe
Ausgang
Hintergrundfarbe
Der background-color Eigenschaft kann genutzt werden, um die Hintergrundfarbe von fast jedem beliebigen HTML-Element zu ändern.