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

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 lightgreen			Schriftfarbwert #b0e0e6
Detail	:	Hintergrund lightgreen	Detail	:	Schrift #b0e0e6
Farbe	:	lightgreen	Farbwert	:	#b0e0e6
Farbwert	:	#90ee90	Farbe	:	powderblue
HTML	:	lightgreen	HTML	:	#b0e0e6
HTML (Wert)	:	#90ee90	HTML (Wert)	:	#b0e0e6
CSS	:	lightgreen	CSS	:	#b0e0e6
CSS (Wert)	:	#90ee90	CSS (Wert)	:	#b0e0e6
CSS (kürzest)	:	#90ee90	CSS (kürzest)	:	#b0e0e6
CSS (RGB)	:	rgb(144,238,144)	CSS (RGB)	:	rgb(176,224,230)
CSS (%RGB)	:	rgb(56%,93%,56%)	CSS (%RGB)	:	rgb(69%,87%,90%)

Verlauf Hintergrundfarbe lightgreen nach Schriftfarbwert #b0e0e6
#90ee90	#94ec9c	#99eaa8	#9de8b4	#a2e6c1	#a6e4cd	#abe2d9	#b0e0e6
#90ee90	#94ec9c	#99eaa8	#9de8b4	#a2e6c1	#a6e4cd	#abe2d9	#b0e0e6

Kombination von lightgreen und #b0e0e6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				Die Ähnlichkeit der Farben #b0e0e6 und lightgreen ergibt sich zu 95.18%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 4.82%. #b0e0e6 eignet sich nicht als Schriftfarbe auf Hintergrund lightgreen, da sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe lightgreen				Schriftfarbwert #b0e0e6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#90ee90	#90ee90	#90ee90	#90ee90	#b0e0e6	#b0e0e6	#b0e0e6	#b0e0e6
#9ff09f	#9ff09f	#7bcc7b	#7bcc7b	#bbe4e9	#bbe4e9	#96c0c5	#96c0c5
#aff2af	#aff2af	#66aa66	#66aa66	#c6e8ed	#c6e8ed	#7da0a4	#7da0a4
#bff5bf	#bff5bf	#528852	#528852	#d1edf0	#d1edf0	#648083	#648083
#cff7cf	#cff7cf	#3d663d	#3d663d	#ddf1f4	#ddf1f4	#4b6062	#4b6062
#dffadf	#dffadf	#294429	#294429	#e8f6f7	#e8f6f7	#324041	#324041
#effcef	#effcef	#142214	#142214	#f3fafb	#f3fafb	#192020	#192020
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightgreen und Farbwert #b0e0e6

Wechsel der Umrandung bei Hover bei Tag a

Einen Link erzeugen Sie mit HTML-Befehl <a> und kann farblich gestaltet werden.

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

In diesem Beispiel umranden wir <a> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbe lightgreen.

<style type="text/css"><!--
  a { border:4px dotted lightgreen; }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf #b0e0e6 geändert wird.

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

Mehr zum Thema können Sie in Verweise und Protokolle in HTML finden. Zur Beschreibung vom hier verwendeten Befehl <a>.

Text- und Unterstreichungsfarben mit Befehl code

Hier ändern wir die Textfarbe von <code> auf Farbwert #b0e0e6. Die Schriftart ändern wir auf verdana und verringern die Schriftgröße auf 94%. Wir unterstreichen den Inhalt von <code> mit Hilfe eines gezahnten Rahmens mit 3 Pixel Dicke in Farbe lightgreen. In HTML geht dies nicht. Daher verwenden wir hierfür CSS.

<style type="text/css"><!--
  code { 
    font-family:verdana; 
    font-size:94%; 
    border-bottom:3px ridge lightgreen; 
    color:#b0e0e6;
  }
//-->
</style>

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

Mehr zu code können Sie in Text in HTML nachsehen. Einzelheiten des hier gezeigten Tag <code>.