Ressourcen: 120 HTML Farbnamen - Kombination von Farbe limegreen und Farbwert #d2691e

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 limegreen			Schriftfarbwert #d2691e
Detail	:	Hintergrund limegreen	Detail	:	Schrift #d2691e
Farbe	:	limegreen	Farbwert	:	#d2691e
Farbwert	:	#32cd32	Farbe	:	chocolate
HTML	:	limegreen	HTML	:	#d2691e
HTML (Wert)	:	#32cd32	HTML (Wert)	:	#d2691e
CSS	:	limegreen	CSS	:	#d2691e
CSS (Wert)	:	#32cd32	CSS (Wert)	:	#d2691e
CSS (kürzest)	:	#32cd32	CSS (kürzest)	:	#d2691e
CSS (RGB)	:	rgb(50,205,50)	CSS (RGB)	:	rgb(210,105,30)
CSS (%RGB)	:	rgb(19%,80%,19%)	CSS (%RGB)	:	rgb(82%,41%,11%)

Verlauf Hintergrundfarbe limegreen nach Schriftfarbwert #d2691e
#32cd32	#48be2f	#5fb02c	#76a229	#8d9326	#a48523	#bb7720	#d2691e
#32cd32	#48be2f	#5fb02c	#76a229	#8d9326	#a48523	#bb7720	#d2691e

Kombination von limegreen und #d2691e
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #d2691e und limegreen beträgt 91.83%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 8.17%. Auf Hintergrund limegreen ist #d2691e ungeeignet, da weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind.

Hintergrundfarbe limegreen				Schriftfarbwert #d2691e
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#32cd32	#32cd32	#32cd32	#32cd32	#d2691e	#d2691e	#d2691e	#d2691e
#4fd44f	#4fd44f	#2aaf2a	#2aaf2a	#d87e3e	#d87e3e	#b45a19	#b45a19
#6cdb6c	#6cdb6c	#239223	#239223	#de935e	#de935e	#964b15	#964b15
#89e289	#89e289	#1c751c	#1c751c	#e5a97e	#e5a97e	#783c11	#783c11
#a7e9a7	#a7e9a7	#155715	#155715	#ebbe9e	#ebbe9e	#5a2d0c	#5a2d0c
#c4f0c4	#c4f0c4	#0e3a0e	#0e3a0e	#f2d4be	#f2d4be	#3c1e08	#3c1e08
#e1f7e1	#e1f7e1	#071d07	#071d07	#f8e9de	#f8e9de	#1e0f04	#1e0f04
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe limegreen und Farbwert #d2691e

Text- und Unterstreichungsfarben von Tag address

Hier ändern wir die Textfarbe von <address> auf Farbwert #d2691e und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf courier new. Die Schriftgröße ändern wir auf 13px. Wir unterstreichen den Inhalt von <address> mit Hilfe eines herausstehenden Rahmens mit 4 Punkte Dicke in Farbe limegreen. In HTML ist das kaum möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  address { 
    color:#d2691e; 
    border-bottom-style:outset; 
    border-bottom-width:4pt; 
    font-family:courier new; 
    border-bottom-color:limegreen; 
    font-size:13px;
  }
//-->
</style>

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

Weiteres zum Thema address finden Sie in Blockorientierte Elemente in HTML. Mehr zum hier gezeigten HTML-Befehl address finden Sie in der HTML Referenz unter <address>.

Wechsel der Textfarbe bei Hover von HTML-Befehl blockquote

Die Textfarbe soll sich von Farbe limegreen auf Farbwert #d2691e ändern, wenn man mit der Maus auf <blockquote> zeigt. Wir bereiten zunächst eine Darstellung von <blockquote> in Farbe limegreen vor.

In diesem Beispiel legen wir bei <blockquote> die Textfarbe auf Farbe limegreen fest. Zwar verändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf monospace.

<style type="text/css"><!--
  blockquote { 
    color:limegreen; 
    font-family:monospace;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Textfarbe auf #d2691e gesetzt wird.

<style type="text/css"><!--
  blockquote: hover { 
    color: #d2691e;
  }
//-->
</style>

Mehr zu blockquote können Sie in Blockorientierte Elemente in HTML erfahren. Einzelheiten vom hier verwendeten Tag blockquote finden Sie in der HTML Referenz unter <blockquote>.