Ressourcen: 137 HTML Farbnamen - Kombination von Farbe blue und Farbwert #b8860b

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe blue			Schriftfarbwert #b8860b
Detail	:	Hintergrund blue	Detail	:	Schrift #b8860b
Farbe	:	blue	Farbwert	:	#b8860b
Farbwert	:	#0000ff	Farbe	:	darkgoldenrod
HTML	:	blue	HTML	:	#b8860b
HTML (Wert)	:	#0000ff	HTML (Wert)	:	#b8860b
CSS	:	blue	CSS	:	#b8860b
CSS (Wert)	:	#0000ff	CSS (Wert)	:	#b8860b
CSS (kürzest)	:	#00f	CSS (kürzest)	:	#b8860b
CSS (RGB)	:	rgb(0,0,255)	CSS (RGB)	:	rgb(184,134,11)
CSS (%RGB)	:	rgb(0%,0%,100%)	CSS (%RGB)	:	rgb(72%,52%,4%)

Verlauf Hintergrundfarbe blue nach Schriftfarbwert #b8860b
#0000ff	#1a13dc	#3426b9	#4e3996	#694c73	#835f50	#9d722d	#b8860b
#0000ff	#1a13dc	#3426b9	#4e3996	#694c73	#835f50	#9d722d	#b8860b

Kombination von blue und #b8860b
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#b8860b ist nicht als Schriftfarbe auf Hintergrund blue geeignet, da sich die Helligkeiten zu ähnlich sind. Die Ähnlichkeit der Farben #b8860b und blue ergibt sich zu 87.43%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 12.57%.

Hintergrundfarbe blue				Schriftfarbwert #b8860b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#0000ff	#0000ff	#0000ff	#0000ff	#b8860b	#b8860b	#b8860b	#b8860b
#2424ff	#2424ff	#0000da	#0000da	#c2972d	#c2972d	#9d7209	#9d7209
#4848ff	#4848ff	#0000b6	#0000b6	#cca850	#cca850	#835f07	#835f07
#6d6dff	#6d6dff	#000091	#000091	#d6b973	#d6b973	#694c06	#694c06
#9191ff	#9191ff	#00006d	#00006d	#e0cb96	#e0cb96	#4e3904	#4e3904
#b6b6ff	#b6b6ff	#000048	#000048	#eadcb9	#eadcb9	#342603	#342603
#dadaff	#dadaff	#000024	#000024	#f4eddc	#f4eddc	#1a1301	#1a1301
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe blue und Farbwert #b8860b

Wechsel der Textfarbe bei Hover bei Befehl kbd

Die Textfarbe soll sich von Farbe blue auf Farbwert #b8860b ändern, wenn man mit der Maus auf <kbd> zeigt. Wir bereiten zunächst eine Darstellung von <kbd> in Farbe blue vor.

Wir legen für dieses Beispiel Farbe blue als Textfarbe von <kbd> fest. Zwar lassen wir die Hintergrundfarbe unverändert, ändern jedoch die Schriftart auf courier new:

<style type="text/css"><!--
  kbd { 
    color:blue; 
    font-family:courier new;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #b8860b geändert wird.

<style type="text/css"><!--
  kbd: hover { 
    color: #b8860b;
  }
//-->
</style>

Mehr zu kbd können Sie in Text in HTML finden. Die Beschreibung vom HTML-Tag kbd lesen Sie in der HTML Referenz unter <kbd>.

Text- und Unterstreichungsfarben mit HTML-Tag h6

Mit Befehl <h6> wird eine Überschrift gesetzt. Diese können Sie farblich gestalten und hervorheben.

Wir ändern für dieses Beispiel die Textfarbe von <h6> auf Farbwert #b8860b. Die Schriftart ändern wir auf monospace und ändern die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <h6> mit Hilfe eines gepunkteten Rahmens mit 3 Punkte Dicke in Farbe blue. Dies ist in HTML kaum möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  h6 { 
    font-size:13px; 
    border-bottom:3pt dotted blue; 
    font-family:monospace; 
    color:#b8860b;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zu h6 finden Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum HTML-Befehl h6 ist in der HTML Referenz unter <h6> zusammengestellt.