Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #b0c4de und Farbe lightgreen

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.

Hintergrundfarbwert #b0c4de			Schriftfarbe lightgreen
Detail	:	Hintergrund #b0c4de	Detail	:	Schrift lightgreen
Farbwert	:	#b0c4de	Farbe	:	lightgreen
Farbe	:	lightsteelblue	Farbwert	:	#90ee90
HTML	:	#b0c4de	HTML	:	lightgreen
HTML (Wert)	:	#b0c4de	HTML (Wert)	:	#90ee90
CSS	:	#b0c4de	CSS	:	lightgreen
CSS (Wert)	:	#b0c4de	CSS (Wert)	:	#90ee90
CSS (kürzest)	:	#b0c4de	CSS (kürzest)	:	#90ee90
CSS (RGB)	:	rgb(176,196,222)	CSS (RGB)	:	rgb(144,238,144)
CSS (%RGB)	:	rgb(69%,76%,87%)	CSS (%RGB)	:	rgb(56%,93%,56%)

Verlauf Hintergrundfarbwert #b0c4de nach Schriftfarbe lightgreen
#b0c4de	#abcad2	#a6d0c7	#a2d6bc	#9ddcb1	#99e2a6	#94e89b	#90ee90
#b0c4de	#abcad2	#a6d0c7	#a2d6bc	#9ddcb1	#99e2a6	#94e89b	#90ee90

Kombination von #b0c4de und lightgreen
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von lightgreen und #b0c4de ergibt sich zu 94.02%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 5.98%. Auf Hintergrund #b0c4de ist lightgreen ungeeignet, da die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #b0c4de				Schriftfarbe lightgreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b0c4de	#b0c4de	#b0c4de	#b0c4de	#90ee90	#90ee90	#90ee90	#90ee90
#bbcce2	#bbcce2	#96a8be	#96a8be	#9ff09f	#9ff09f	#7bcc7b	#7bcc7b
#c6d4e7	#c6d4e7	#7d8c9e	#7d8c9e	#aff2af	#aff2af	#66aa66	#66aa66
#d1ddec	#d1ddec	#64707e	#64707e	#bff5bf	#bff5bf	#528852	#528852
#dde5f0	#dde5f0	#4b545f	#4b545f	#cff7cf	#cff7cf	#3d663d	#3d663d
#e8eef5	#e8eef5	#32383f	#32383f	#dffadf	#dffadf	#294429	#294429
#f3f6fa	#f3f6fa	#191c1f	#191c1f	#effcef	#effcef	#142214	#142214
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #b0c4de und Farbe lightgreen

Wechsel der Umrandung bei Hover bei HTML-Tag hr

Die Rahmenfarbe soll sich von Farbwert #b0c4de auf Farbe lightgreen ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <hr> in Farbwert #b0c4de vor.

In diesem Beispiel umranden wir <hr> mit einem 5 Pixel dicken, gestrichelten Rahmen in Farbwert #b0c4de.

<style type="text/css"><!--
  hr { border:5px dashed #b0c4de; }
//-->
</style>

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

<style type="text/css"><!--
  hr:hover { 
    border-color:lightgreen;
  }
//-->
</style>

Mehr zum Thema hr erfahren Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des hier verwendeten HTML-Befehl hr finden Sie in der HTML Referenz unter <hr>.

Text- und Unterstreichungsfarben von Tag strike

Wir ändern Hher die Textfarbe von <strike> auf Farbe lightgreen. Die Schriftart ändern wir auf verdana und setzen die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <strike> mit Hilfe eines gestrichelten Rahmens mit 3 Pixel Dicke in Farbwert #b0c4de. Dies geht mit HTML kaum. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  strike { 
    font-size: 13px; 
    border-bottom: 3px dashed #b0c4de; 
    font-family: verdana; 
    color: lightgreen;
  }
//-->
</style>

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

Weiteres zum Thema erfahren Sie in Text in HTML. Der hier verwendete HTML-Tag strike ist in der HTML Referenz bei <strike> genau beschrieben.