Ressourcen: 120 HTML Farbnamen - Kombination von Farbe dodgerblue und Farbwert #90ee90

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Hintergrundfarbe dodgerblue			Schriftfarbwert #90ee90
Detail	:	Hintergrund dodgerblue	Detail	:	Schrift #90ee90
Farbe	:	dodgerblue	Farbwert	:	#90ee90
Farbwert	:	#1e90ff	Farbe	:	lightgreen
HTML	:	dodgerblue	HTML	:	#90ee90
HTML (Wert)	:	#1e90ff	HTML (Wert)	:	#90ee90
CSS	:	dodgerblue	CSS	:	#90ee90
CSS (Wert)	:	#1e90ff	CSS (Wert)	:	#90ee90
CSS (kürzest)	:	#1e90ff	CSS (kürzest)	:	#90ee90
CSS (RGB)	:	rgb(30,144,255)	CSS (RGB)	:	rgb(144,238,144)
CSS (%RGB)	:	rgb(11%,56%,100%)	CSS (%RGB)	:	rgb(56%,93%,56%)

Verlauf Hintergrundfarbe dodgerblue nach Schriftfarbwert #90ee90
#1e90ff	#2e9def	#3eaadf	#4eb8cf	#5fc5bf	#6fd3af	#7fe09f	#90ee90
#1e90ff	#2e9def	#3eaadf	#4eb8cf	#5fc5bf	#6fd3af	#7fe09f	#90ee90

Kombination von dodgerblue und #90ee90
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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #90ee90 und dodgerblue beträgt 89.12%. Die Lesbarkeit dieser Kombination ergibt sich zu 10.88%. #90ee90 ist nicht als Schriftfarbe auf Hintergrund dodgerblue geeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend.

Hintergrundfarbe dodgerblue				Schriftfarbwert #90ee90
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#1e90ff	#1e90ff	#1e90ff	#1e90ff	#90ee90	#90ee90	#90ee90	#90ee90
#3e9fff	#3e9fff	#197bda	#197bda	#9ff09f	#9ff09f	#7bcc7b	#7bcc7b
#5eafff	#5eafff	#1566b6	#1566b6	#aff2af	#aff2af	#66aa66	#66aa66
#7ebfff	#7ebfff	#115291	#115291	#bff5bf	#bff5bf	#528852	#528852
#9ecfff	#9ecfff	#0c3d6d	#0c3d6d	#cff7cf	#cff7cf	#3d663d	#3d663d
#bedfff	#bedfff	#082948	#082948	#dffadf	#dffadf	#294429	#294429
#deefff	#deefff	#041424	#041424	#effcef	#effcef	#142214	#142214
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe dodgerblue und Farbwert #90ee90

Text- und Unterstreichungsfarben bei Befehl caption

Hier ändern wir die Textfarbe von <caption> auf Farbwert #90ee90. Die Schriftart setzen wir auf verdana. Die Schriftgröße ändern wir auf 13px. Wir unterstreichen den Inhalt von <caption> mit Hilfe eines doppelten Rahmens mit 1 Punkte Dicke in Farbe dodgerblue. Mit HTML geht das nicht. Daher nutzen wir CSS.

<style type="text/css"><!--
  caption { 
    font-family: verdana; 
    color: #90ee90; 
    font-size: 13px; 
    border-bottom: 1pt double dodgerblue;
  }
//-->
</style>

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

Weiteres zum Thema caption können Sie in Tabellen in HTML finden. Einzelheiten vom Tag <caption>.

Wechsel der Umrandung bei Hover bei HTML-Befehl p

Die Rahmenfarbe soll sich von Farbe dodgerblue auf Farbwert #90ee90 ändern, wenn man mit der Maus auf <p> zeigt. Bereiten wir zunächst die Darstellung von <p> in Farbe dodgerblue vor.

In diesem Beispiel umranden wir <p> mit einem 4 Pixel dicken, gestrichelten Rahmen in Farbe dodgerblue.

<style type="text/css"><!--
  p { border:4px dashed dodgerblue; }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf #90ee90 gesetzt wird.

<style type="text/css"><!--
  p: hover { 
    border-color: #90ee90;
  }
//-->
</style>

Mehr zu p finden Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung des Befehl p erfahren Sie in der HTML Referenz unter <p>.