Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lavenderblush und Farbwert #008b8b

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 lavenderblush			Schriftfarbwert #008b8b
Detail	:	Hintergrund lavenderblush	Detail	:	Schrift #008b8b
Farbe	:	lavenderblush	Farbwert	:	#008b8b
Farbwert	:	#fff0f5	Farbe	:	darkcyan
HTML	:	lavenderblush	HTML	:	#008b8b
HTML (Wert)	:	#fff0f5	HTML (Wert)	:	#008b8b
CSS	:	lavenderblush	CSS	:	#008b8b
CSS (Wert)	:	#fff0f5	CSS (Wert)	:	#008b8b
CSS (kürzest)	:	#fff0f5	CSS (kürzest)	:	#008b8b
CSS (RGB)	:	rgb(255,240,245)	CSS (RGB)	:	rgb(0,139,139)
CSS (%RGB)	:	rgb(100%,94%,96%)	CSS (%RGB)	:	rgb(0%,54%,54%)

Verlauf Hintergrundfarbe lavenderblush nach Schriftfarbwert #008b8b
#fff0f5	#dae1e5	#b6d3d6	#91c4c7	#6db6b8	#48a7a9	#24999a	#008b8b
#fff0f5	#dae1e5	#b6d3d6	#91c4c7	#6db6b8	#48a7a9	#24999a	#008b8b

Kombination von lavenderblush und #008b8b
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#008b8b eignet sich nicht als Schriftfarbe auf Hintergrund lavenderblush, weil der Farbunterschied zu gering ist Die Ähnlichkeit von #008b8b und lavenderblush beträgt 82.11%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 17.89%.

Hintergrundfarbe lavenderblush				Schriftfarbwert #008b8b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff0f5	#fff0f5	#fff0f5	#fff0f5	#008b8b	#008b8b	#008b8b	#008b8b
#fff2f6	#fff2f6	#dacdd2	#dacdd2	#249b9b	#249b9b	#007777	#007777
#fff4f7	#fff4f7	#b6abaf	#b6abaf	#48acac	#48acac	#006363	#006363
#fff6f9	#fff6f9	#91898c	#91898c	#6dbcbc	#6dbcbc	#004f4f	#004f4f
#fff8fa	#fff8fa	#6d6669	#6d6669	#91cdcd	#91cdcd	#003b3b	#003b3b
#fffafc	#fffafc	#484446	#484446	#b6dddd	#b6dddd	#002727	#002727
#fffcfd	#fffcfd	#242223	#242223	#daeeee	#daeeee	#001313	#001313
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lavenderblush und Farbwert #008b8b

Hintergrund/Text-Kombination bei Tag textarea

Wir ändern für dieses Beispiel die Textfarbe von <textarea> auf Farbwert #008b8b und die Hintergrundfarbe von <textarea> auf Farbe lavenderblush. Die Schriftart ändern wir auf courier new. Die Schriftgröße erhöhen wir auf 116%.

<style type="text/css"><!--
  textarea { 
    font-size:116%; 
    font-family:courier new; 
    color:#008b8b; 
    background-color:lavenderblush;
  }
//-->
</style>

Weiteres zum Thema können Sie in Formulare in HTML erfahren. Einzelheiten vom hier genutzten HTML-Befehl textarea finden Sie in der HTML Referenz unter <textarea>.

Wechsel der Umrandung bei Hover bei HTML-Befehl td

Die Rahmenfarbe soll sich von Farbe lavenderblush auf Farbwert #008b8b ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <td> in Farbe lavenderblush vor.

In diesem Beispiel umranden wir <td> mit einem 5 Pixel dicken, einfallenden Rahmen in Farbe lavenderblush.

<style type="text/css"><!--
  td { border:5px inset lavenderblush; }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf #008b8b geändert wird.

<style type="text/css"><!--
  td: hover { 
    border-color: #008b8b;
  }
//-->
</style>

Weiteres zum Thema können Sie in Tabellen in HTML nachsehen. Weiteres zum hier gezeigten HTML-Befehl td ist in der HTML Referenz unter <td> zusammengestellt.