Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #000080 und Farbwert #c0c0c0

HTML verfügt seit jeher über 17 Standard Farbnamen.

Sie entstehen dadurch, dass die 8 Grundfarben jeweils maximal und zu 50% enthalten sind.

Zu diesen 16 Farben kommt mit grey eine alternative Schreibweise für gray.

Hintergrundfarbwert #000080			Schriftfarbwert #c0c0c0
Detail	:	Hintergrund #000080	Detail	:	Schrift #c0c0c0
Farbwert	:	#000080	Farbwert	:	#c0c0c0
Farbe	:	navy	Farbe	:	silver
HTML	:	#000080	HTML	:	#c0c0c0
HTML (Wert)	:	#000080	HTML (Wert)	:	#c0c0c0
CSS	:	#000080	CSS	:	#c0c0c0
CSS (Wert)	:	#000080	CSS (Wert)	:	#c0c0c0
CSS (kürzest)	:	#000080	CSS (kürzest)	:	#c0c0c0
CSS (RGB)	:	rgb(0,0,128)	CSS (RGB)	:	rgb(192,192,192)
CSS (%RGB)	:	rgb(0%,0%,50%)	CSS (%RGB)	:	rgb(75%,75%,75%)

Verlauf Hintergrundfarbwert #000080 nach Schriftfarbwert #c0c0c0
#000080	#1b1b89	#363692	#52529b	#6d6da4	#8989ad	#a4a4b6	#c0c0c0
#000080	#1b1b89	#363692	#52529b	#6d6da4	#8989ad	#a4a4b6	#c0c0c0

Kombination von #000080 und #c0c0c0
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				#c0c0c0 eignet sich nicht als Schriftfarbe auf Hintergrund #000080. Zwar ist der Helligkeitsunterschied ok, die Farben selbst sind jedoch zu ähnlich. Die Ähnlichkeit von #c0c0c0 und #000080 ergibt sich zu 58.10%. Die Lesbarkeit dieser Kombination ergibt sich zu 41.90%.

Hintergrundfarbwert #000080				Schriftfarbwert #c0c0c0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#000080	#000080	#000080	#000080	#c0c0c0	#c0c0c0	#c0c0c0	#c0c0c0
#242492	#242492	#00006d	#00006d	#c9c9c9	#c9c9c9	#a4a4a4	#a4a4a4
#4848a4	#4848a4	#00005b	#00005b	#d2d2d2	#d2d2d2	#898989	#898989
#6d6db6	#6d6db6	#000049	#000049	#dbdbdb	#dbdbdb	#6d6d6d	#6d6d6d
#9191c8	#9191c8	#000036	#000036	#e4e4e4	#e4e4e4	#525252	#525252
#b6b6da	#b6b6da	#000024	#000024	#ededed	#ededed	#363636	#363636
#dadaec	#dadaec	#000012	#000012	#f6f6f6	#f6f6f6	#1b1b1b	#1b1b1b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #000080 und Farbwert #c0c0c0

Text- und Unterstreichungsfarben mit HTML-Befehl span

Für dieses Beispiel ändern wir die Textfarbe von <span> auf Farbwert #c0c0c0 und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf monospace. Die Schriftgröße verkleinern wir auf 89%. Wir unterstreichen den Inhalt von <span> mit Hilfe eines gepunkteten Rahmens mit 3 Pixel Dicke in Farbwert #000080. In HTML geht dies kaum. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  span { 
    border-bottom-style:dotted; 
    border-bottom-width:3px; 
    border-bottom-color:#000080; 
    color:#c0c0c0; 
    font-size:89%; 
    font-family:monospace;
  }
//-->
</style>

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

Beschreibung vom hier verwendeten Tag <span>.

Wechsel der Textfarbe bei Hover bei HTML-Tag legend

Die Textfarbe soll sich von Farbwert #000080 auf Farbwert #c0c0c0 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <legend> in Farbwert #000080 vor.

Wir legen in diesem Beispiel die Textfarbe von <legend> auf Farbwert #000080 fest.

<style type="text/css"><!--
  legend { 
    color:#000080;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Textfarbe auf #c0c0c0 ändert.

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

Mehr zum Thema finden Sie in Formulare in HTML. Weiteres zum HTML-Tag <legend>.