Ressourcen: 120 HTML Farbnamen - Kombination von Farbe crimson 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 crimson			Schriftfarbwert #90ee90
Detail	:	Hintergrund crimson	Detail	:	Schrift #90ee90
Farbe	:	crimson	Farbwert	:	#90ee90
Farbwert	:	#dc143c	Farbe	:	lightgreen
HTML	:	crimson	HTML	:	#90ee90
HTML (Wert)	:	#dc143c	HTML (Wert)	:	#90ee90
CSS	:	crimson	CSS	:	#90ee90
CSS (Wert)	:	#dc143c	CSS (Wert)	:	#90ee90
CSS (kürzest)	:	#dc143c	CSS (kürzest)	:	#90ee90
CSS (RGB)	:	rgb(220,20,60)	CSS (RGB)	:	rgb(144,238,144)
CSS (%RGB)	:	rgb(86%,7%,23%)	CSS (%RGB)	:	rgb(56%,93%,56%)

Verlauf Hintergrundfarbe crimson nach Schriftfarbwert #90ee90
#dc143c	#d13348	#c65254	#bb7160	#b0906c	#a5af78	#9ace84	#90ee90
#dc143c	#d13348	#c65254	#bb7160	#b0906c	#a5af78	#9ace84	#90ee90

Kombination von crimson 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 id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in.				#90ee90 eignet sich nicht als Schriftfarbe auf Hintergrund crimson. Die Unterschiede in der Helligkeit und Farbe sind unzureichend. Die Ähnlichkeit von #90ee90 und crimson ergibt sich zu 83.23%. Die Lesbarkeit dieser Farbkombination liegt damit bei 16.77%.

Hintergrundfarbe crimson				Schriftfarbwert #90ee90
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dc143c	#dc143c	#dc143c	#dc143c	#90ee90	#90ee90	#90ee90	#90ee90
#e13557	#e13557	#bc1133	#bc1133	#9ff09f	#9ff09f	#7bcc7b	#7bcc7b
#e65773	#e65773	#9d0e2a	#9d0e2a	#aff2af	#aff2af	#66aa66	#66aa66
#eb788f	#eb788f	#7d0b22	#7d0b22	#bff5bf	#bff5bf	#528852	#528852
#f09aab	#f09aab	#5e0819	#5e0819	#cff7cf	#cff7cf	#3d663d	#3d663d
#f5bbc7	#f5bbc7	#3e0511	#3e0511	#dffadf	#dffadf	#294429	#294429
#fadde3	#fadde3	#1f0208	#1f0208	#effcef	#effcef	#142214	#142214
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe crimson und Farbwert #90ee90

Hintergrund/Text-Kombination mit HTML-Tag address

Hier ändern wir die Textfarbe von <address> auf Farbwert #90ee90 und die Hintergrundfarbe von <address> auf Farbe crimson. Die Schriftart setzen wir auf arial und als Schriftgröße setzen wir 96%.

<style type="text/css"><!--
  address { 
    font-family:arial; 
    color:#90ee90; 
    font-size:96%; 
    background-color:crimson;
  }
//-->
</style>

Mehr zum Thema address können Sie in Blockorientierte Elemente in HTML finden. Mehr zum Befehl address erfahren Sie in der HTML Referenz unter <address>.

Wechsel der Umrandung bei Hover bei Tag h1

Mit Tag <h1> wird eine Überschrift erzeugt und kann hervorgehoben und farblich gestaltet werden.

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

In diesem Beispiel umranden wir <h1> mit einem 3 Pixel dicken, herausstehenden Rahmen in Farbe crimson.

<style type="text/css"><!--
  h1 { 
    border-color: crimson; 
    border-style: outset; 
    border-width: 3px;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe auf #90ee90 ändert.

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

Weiteres zum Thema h1 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten vom hier gezeigten HTML-Befehl h1 erfahren Sie in der HTML Referenz unter <h1>.