Ressourcen: 137 HTML Farbnamen - Kombination von Farbe yellow und Farbe navy

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 yellow			Schriftfarbe navy
Detail	:	Hintergrund yellow	Detail	:	Schrift navy
Farbe	:	yellow	Farbe	:	navy
Farbwert	:	#ffff00	Farbwert	:	#000080
HTML	:	yellow	HTML	:	navy
HTML (Wert)	:	#ffff00	HTML (Wert)	:	#000080
CSS	:	yellow	CSS	:	navy
CSS (Wert)	:	#ffff00	CSS (Wert)	:	#000080
CSS (kürzest)	:	#ff0	CSS (kürzest)	:	#000080
CSS (RGB)	:	rgb(255,255,0)	CSS (RGB)	:	rgb(0,0,128)
CSS (%RGB)	:	rgb(100%,100%,0%)	CSS (%RGB)	:	rgb(0%,0%,50%)

Verlauf Hintergrundfarbe yellow nach Schriftfarbe navy
#ffff00	#dada12	#b6b624	#919136	#6d6d49	#48485b	#24246d	#000080
#ffff00	#dada12	#b6b624	#919136	#6d6d49	#48485b	#24246d	#000080

Kombination von yellow und navy
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				navy eignet sich als Schriftfarbe auf Hintergrund yellow. Der Unterschied in den Farben ist gut, der Helligkeitsunterschied auch. Die Ähnlichkeit von navy und yellow ergibt sich zu 29.01%. Die Lesbarkeit dieser Kombination liegt damit bei 70.99%.

Hintergrundfarbe yellow				Schriftfarbe navy
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffff00	#ffff00	#ffff00	#ffff00	#000080	#000080	#000080	#000080
#ffff24	#ffff24	#dada00	#dada00	#242492	#242492	#00006d	#00006d
#ffff48	#ffff48	#b6b600	#b6b600	#4848a4	#4848a4	#00005b	#00005b
#ffff6d	#ffff6d	#919100	#919100	#6d6db6	#6d6db6	#000049	#000049
#ffff91	#ffff91	#6d6d00	#6d6d00	#9191c8	#9191c8	#000036	#000036
#ffffb6	#ffffb6	#484800	#484800	#b6b6da	#b6b6da	#000024	#000024
#ffffda	#ffffda	#242400	#242400	#dadaec	#dadaec	#000012	#000012
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe yellow und Farbe navy

Füllen und Umranden mit Befehl frameset

Bei diesem Beispiel umranden wir <frameset> mit einem 2 Punkte dicken, gepunkteten Rahmen in Farbe navy . Den Hintergrund von <frameset> setzen wir auf Farbe yellow. Dies geht in HTML nicht. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  frameset { border:2pt dotted navy; background-color:yellow; }
//-->
</style>

Einzelheiten vom hier gezeigten HTML-Befehl frameset lesen Sie in der HTML Referenz unter <frameset>.

Wechsel der Textfarbe bei Hover von HTML-Tag dfn

Die Textfarbe soll sich von Farbe yellow auf Farbe navy ändern, wenn man mit der Maus auf <dfn> zeigt. Bereiten wir zunächst die Darstellung von <dfn> in Farbe yellow vor.

In diesem Beispiel ändern wir bei <dfn> die Textfarbe auf Farbe yellow. Zwar behalten wir die Hintergrundfarbe bei, ändern jedoch die Schriftart auf arial und setzen die Schriftgröße auf 13px.

<style type="text/css"><!--
  dfn { 
    font-family: arial; 
    font-size: 13px; 
    color: yellow;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Textfarbe zu navy ändert.

<style type="text/css"><!--
  dfn: hover { 
    color: navy;
  }
//-->
</style>

Weiteres zum Thema können Sie in Text in HTML lesen. Weiteres zum HTML-Befehl dfn lesen Sie in der HTML Referenz unter <dfn>.