Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #008000 und Farbwert #00ced1

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 #008000			Schriftfarbwert #00ced1
Detail	:	Hintergrund #008000	Detail	:	Schrift #00ced1
Farbwert	:	#008000	Farbwert	:	#00ced1
Farbe	:	green	Farbe	:	darkturquoise
HTML	:	#008000	HTML	:	#00ced1
HTML (Wert)	:	#008000	HTML (Wert)	:	#00ced1
CSS	:	#008000	CSS	:	#00ced1
CSS (Wert)	:	#008000	CSS (Wert)	:	#00ced1
CSS (kürzest)	:	#008000	CSS (kürzest)	:	#00ced1
CSS (RGB)	:	rgb(0,128,0)	CSS (RGB)	:	rgb(0,206,209)
CSS (%RGB)	:	rgb(0%,50%,0%)	CSS (%RGB)	:	rgb(0%,80%,81%)

Verlauf Hintergrundfarbwert #008000 nach Schriftfarbwert #00ced1
#008000	#008b1d	#00963b	#00a159	#00ac77	#00b795	#00c2b3	#00ced1
#008000	#008b1d	#00963b	#00a159	#00ac77	#00b795	#00c2b3	#00ced1

Kombination von #008000 und #00ced1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#00ced1 ist nicht als Schriftfarbe auf Hintergrund #008000 geeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit der Farben #00ced1 und #008000 beträgt 87.48%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 12.52%.

Hintergrundfarbwert #008000				Schriftfarbwert #00ced1
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008000	#008000	#008000	#008000	#00ced1	#00ced1	#00ced1	#00ced1
#249224	#249224	#006d00	#006d00	#24d5d7	#24d5d7	#00b0b3	#00b0b3
#48a448	#48a448	#005b00	#005b00	#48dcde	#48dcde	#009395	#009395
#6db66d	#6db66d	#004900	#004900	#6de3e4	#6de3e4	#007577	#007577
#91c891	#91c891	#003600	#003600	#91eaeb	#91eaeb	#005859	#005859
#b6dab6	#b6dab6	#002400	#002400	#b6f1f1	#b6f1f1	#003a3b	#003a3b
#daecda	#daecda	#001200	#001200	#daf8f8	#daf8f8	#001d1d	#001d1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #008000 und Farbwert #00ced1

Text- und Unterstreichungsfarben mit Tag h1

Eine Überschrift setzen Sie mit HTML-Befehl <h1>. Diese kann farblich gestaltet werden.

Hier ändern wir die Textfarbe von <h1> auf Farbwert #00ced1 und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf arial und verringern die Schriftgröße auf 86%. Wir unterstreichen den Inhalt von <h1> mit Hilfe eines gepunkteten Rahmens mit 1 Punkte Dicke in Farbwert #008000. Das geht mit HTML nicht. Deshalb nutzen wir CSS.

<style type="text/css"><!--
  h1 { 
    border-bottom: 1pt dotted #008000; 
    color: #00ced1; 
    font-family: arial; 
    font-size: 86%;
  }
//-->
</style>

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

Weiteres zum Thema h1 lesen Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum hier gezeigten HTML-Befehl h1 ist in der HTML Referenz unter <h1> genau beschrieben.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag div

Einen Universalkontainer setzt man mit HTML-Tag <div>. Dieser kann farblich gestaltet werden.

Die Hintergrundfarbe soll sich von Farbwert #008000 auf Farbwert #00ced1 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <div> in Farbwert #008000 vor.

Wir legen z.B. die Hintergrundfarbe von <div> auf Farbwert #008000 fest:

<style type="text/css"><!--
  div { 
    background-color:#008000;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe zu #00ced1 ändert.

<style type="text/css"><!--
  div: hover { 
    background-color: #00ced1;
  }
//-->
</style>

Möglichkeiten vom Tag div sind in der HTML Referenz unter <div> zusammengestellt.