Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #f5fffa und Farbwert #191970

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.

Hintergrundfarbwert #f5fffa			Schriftfarbwert #191970
Detail	:	Hintergrund #f5fffa	Detail	:	Schrift #191970
Farbwert	:	#f5fffa	Farbwert	:	#191970
Farbe	:	mintcream	Farbe	:	midnightblue
HTML	:	#f5fffa	HTML	:	#191970
HTML (Wert)	:	#f5fffa	HTML (Wert)	:	#191970
CSS	:	#f5fffa	CSS	:	#191970
CSS (Wert)	:	#f5fffa	CSS (Wert)	:	#191970
CSS (kürzest)	:	#f5fffa	CSS (kürzest)	:	#191970
CSS (RGB)	:	rgb(245,255,250)	CSS (RGB)	:	rgb(25,25,112)
CSS (%RGB)	:	rgb(96%,100%,98%)	CSS (%RGB)	:	rgb(9%,9%,43%)

Verlauf Hintergrundfarbwert #f5fffa nach Schriftfarbwert #191970
#f5fffa	#d5dee6	#b6bdd2	#969cbe	#777bab	#575a97	#383983	#191970
#f5fffa	#d5dee6	#b6bdd2	#969cbe	#777bab	#575a97	#383983	#191970

Kombination von #f5fffa und #191970
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante.				#191970 eignet sich als Schriftfarbe auf Hintergrund #f5fffa, weil Unterschied in den Helligkeiten und Farbenunterschied geeignet sind. Die Ähnlichkeit der Farben #191970 und #f5fffa ergibt sich zu 30.75%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 69.25%.

Hintergrundfarbwert #f5fffa				Schriftfarbwert #191970
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f5fffa	#f5fffa	#f5fffa	#f5fffa	#191970	#191970	#191970	#191970
#f6fffa	#f6fffa	#d2dad6	#d2dad6	#393984	#393984	#151560	#151560
#f7fffb	#f7fffb	#afb6b2	#afb6b2	#5a5a98	#5a5a98	#111150	#111150
#f9fffc	#f9fffc	#8c918e	#8c918e	#7b7bad	#7b7bad	#0e0e40	#0e0e40
#fafffc	#fafffc	#696d6b	#696d6b	#9c9cc1	#9c9cc1	#0a0a30	#0a0a30
#fcfffd	#fcfffd	#464847	#464847	#bdbdd6	#bdbdd6	#070720	#070720
#fdfffe	#fdfffe	#232423	#232423	#dedeea	#dedeea	#030310	#030310
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #f5fffa und Farbwert #191970

Hintergrund/Text-Kombination von Tag button

In diesem Beispiel ändern wir die Textfarbe von <button> auf Farbwert #191970 und die Hintergrundfarbe von <button> auf Farbwert #f5fffa. Die Schriftart setzen wir auf monospace. Die Schriftgröße verringern wir auf 94%.

<style type="text/css"><!--
  button { 
    color:#191970; 
    font-size:94%; 
    background-color:#f5fffa; 
    font-family:monospace;
  }
//-->
</style>

Weiteres zum Thema button erfahren Sie in Formulare in HTML. Weiteres zum hier genutzten HTML-Befehl button ist in der HTML Referenz unter <button> ausführlich gezeigt.

Wechsel der Umrandung bei Hover von HTML-Befehl h1

Mit HTML-Tag <h1> setzen Sie eine Überschrift. Diese kann farblich gestaltet und hervorgehoben werden.

Die Rahmenfarbe soll sich von Farbwert #f5fffa auf Farbwert #191970 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <h1> in Farbwert #f5fffa vor.

In diesem Beispiel umranden wir <h1> mit einem 2 Pixel dicken, gestrichelten Rahmen in Farbwert #f5fffa.

<style type="text/css"><!--
  h1 { 
    border-color: #f5fffa; 
    border-style: dashed; 
    border-width: 2px;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Rahmenfarbe zu #191970 ändert.

<style type="text/css"><!--
  h1: hover { 
    border-color: #191970;
  }
//-->
</style>

Mehr zum Thema h1 können Sie in Grundlegende Gestaltungselemente in HTML finden. Mehr zum Tag h1 ist in der HTML Referenz bei <h1> ausführlich gezeigt.