HTML Farben – zur individuellen Gestaltung der Website

Wozu HTML Farben?

Um Texte und Inhalte auf Webseiten lebendiger zu gestalten, empfiehlt es sich teilweise mit Farben zu arbeiten.
Auch hierfür gibt es natürlich entsprechende HTML Befehle und CSS Codes. Wir zeigen Ihnen hier die wichtigsten HTML und CSS Befehle für die Verwendung von Farben
sowie Hintergrundinformationen zur „Logik“ der HTML Farbgebung und natürlich die HTML Farben Codes für die wichtigtsen Farben.
Das Codeformat der HTML Farben:
Jeder HTML Farben Code beginnt mit dem Nummer-Symbol „#” und enthält danach 6 Buchstaben (A, B, C, D, E oder F) bzw. Zahlen, die nach dem hexadezimal numerischen System codiert sind.
„FF” in Hexadezimal steht zum Beispiel für Zahl 255 im Dezimalen. Die Dezimalzahl 255 ist dabei der zu FF korrespondierende Code der RGB Farbskala.
Im HTML Farbcode stehen die ersten beiden Stellen für die Farbintensität des Farbtons Rot, die nächsten beiden Stellen für die Farbintensität des Farbtons Geld und die letzten beiden Stellen für die Farbintensität des Farbtons Blau. Dabei steht „FF“ für die höchste Farbintensität und „00“ entsprechend für die niedrigste.
   Mit Webseite Geld verdienen

Farbcode Tabelle für HTML – sowie der jeweils entsprechende RGB und CMY Code

RGB Code CMY Code
 FARBE  HTML Farbcode Rot R: Gelb G: Blau B: C: M: Y:
SCHWARZ #000000 0 0 0 255 255 255
WEISS #FFFFFF 255 255 255 0 0 0
helles GRAU #D4D4D4 212 212 212 43 43 43
GRAU #909090 144 144 144 111 111 111
dunkles GRAU #4D4D4D 77 77 77 178 178 178
Helles GELB #FFFF00 255 255 0 0 0 255
GELB #D4D400 212 212 0 43 43 255
dunkles GELB #AAAA00 170 170 0 85 85 255
helles ROT #FF0000 255 0 0 0 255 255
ROT #D40000 212 0 0 43 255 255
dunkles ROT #AA0000 170 0 0 85 255 255
ORANGE #FFBC00 255 188 0 0 67 255
Hell GRÜN #00FF00 0 255 0 255 0 255
GRÜN #00AA00 0 170 0 255 85 255
dunkel GRÜN #005500 0 85 0 255 170 255
helles BLAU #00FFFF 0 255 255 255 0 0
BLAU #0000FF 0 0 255 255 255 0
dunkles BLAU #0000AA 0 0 170 255 255 85

HTML und CSS Codes für die Vewendung der Farben

Der CSS Befehl

<span style="color: #ff0000;">TEXT MIT ROTER FARBE</span>

wird benutzt für TEXT MIT ROTER FARBE

<a href=“http://www.Linkname.de“><span style=“color: #00aa00;“>Linktext</span></a> wird benutzt für die Farbe der Textverlinkung, in diesen Beispiel mit der Farbe grün.
Der volle HTML Befehl für eine Verlinkung von „zum auxmoney Partnerprogramm“ mit dem Titletext „auxmoney Partnerprogramm „und dem verwendeten grünen Farbcode #00AA00 lautet:

<a title="auxmoney Partnerprogramm" href="http://www.auxmoney-partnerprogramm.de"><span style="color: #00aa00;">zum auxmoney Partnerprogramm</span></a>

Dies sieht dann wie folgt aus: zum auxmoney Partnerprogramm

Je nach Definition der CSS Styles haben Links unterschiedlische Erscheinungsweisen. In unserem Blog bzw. bei unserem hier verwendeten Template (WordPress Theme) wird ein Link standardmäßig ohne Untersreichung dargestellt. Möchte man für den obigen Link also noch mit einer Unterstreichung und zudem mit Fettschrift arbeiten wird der Code noch um einen underline und bold Tag ergänzt.
Der vollständige Code lautet dann:

<strong><span style="text-decoration: underline;"><a title="auxmoney Partnerprogramm" href="http://www.auxmoney-partnerprogramm.de"><span style="color: #00aa00; text-decoration: underline;">zum auxmoney Partnerprogramm</span></a></span></strong>

Der Link stellt sich dann so dar: zum auxmoney Partnerprogramm

   Online Geld verdienen

 

Menü