Ressourcen: 120 HTML Farbnamen - Kombination von Farbe chocolate und Farbe lightseagreen

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 chocolate			Schriftfarbe lightseagreen
Detail	:	Hintergrund chocolate	Detail	:	Schrift lightseagreen
Farbe	:	chocolate	Farbe	:	lightseagreen
Farbwert	:	#d2691e	Farbwert	:	#20b2aa
HTML	:	chocolate	HTML	:	lightseagreen
HTML (Wert)	:	#d2691e	HTML (Wert)	:	#20b2aa
CSS	:	chocolate	CSS	:	lightseagreen
CSS (Wert)	:	#d2691e	CSS (Wert)	:	#20b2aa
CSS (kürzest)	:	#d2691e	CSS (kürzest)	:	#20b2aa
CSS (RGB)	:	rgb(210,105,30)	CSS (RGB)	:	rgb(32,178,170)
CSS (%RGB)	:	rgb(82%,41%,11%)	CSS (%RGB)	:	rgb(12%,69%,66%)

Verlauf Hintergrundfarbe chocolate nach Schriftfarbe lightseagreen
#d2691e	#b87332	#9f7d46	#85885a	#6c926e	#529d82	#39a796	#20b2aa
#d2691e	#b87332	#9f7d46	#85885a	#6c926e	#529d82	#39a796	#20b2aa

Kombination von chocolate und lightseagreen
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von lightseagreen und chocolate beträgt 93.40%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 6.60%. Auf Hintergrund chocolate ist lightseagreen ungeeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind.

Hintergrundfarbe chocolate				Schriftfarbe lightseagreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d2691e	#d2691e	#d2691e	#d2691e	#20b2aa	#20b2aa	#20b2aa	#20b2aa
#d87e3e	#d87e3e	#b45a19	#b45a19	#3fbdb6	#3fbdb6	#1b9891	#1b9891
#de935e	#de935e	#964b15	#964b15	#5fc8c2	#5fc8c2	#167f79	#167f79
#e5a97e	#e5a97e	#783c11	#783c11	#7fd3ce	#7fd3ce	#126561	#126561
#ebbe9e	#ebbe9e	#5a2d0c	#5a2d0c	#9fdeda	#9fdeda	#0d4c48	#0d4c48
#f2d4be	#f2d4be	#3c1e08	#3c1e08	#bfe9e6	#bfe9e6	#093230	#093230
#f8e9de	#f8e9de	#1e0f04	#1e0f04	#dff4f2	#dff4f2	#041918	#041918
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe chocolate und Farbe lightseagreen

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag a

Mit Befehl <a> wird ein Link gesetzt. Dieser kann farblich gestaltet und hervorgehoben werden.

Die Hintergrundfarbe soll sich von Farbe chocolate auf Farbe lightseagreen ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst eine Darstellung von <a> in Farbe chocolate vor.

Wir legen z.B. Farbe chocolate als Hintergrundfarbe von <a> fest. Die Schriftgröße setzen wir auf 9pt.

<style type="text/css"><!--
  a { 
    background-color: chocolate; 
    font-size: 9pt;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe auf lightseagreen ändert.

<style type="text/css"><!--
  a: hover { 
    background-color: lightseagreen;
  }
//-->
</style>

Mehr zum Thema finden Sie in Verweise und Protokolle in HTML. Mehr zum Tag a ist in der HTML Referenz bei <a> beschrieben.

Füllen und Umranden mit Befehl colgroup

Hier umranden wir <colgroup> mit einem gepunkteten, 2 Pixel dicken Rahmen in Farbe lightseagreen . Die Hintergrundfarbe für <colgroup> färben wir entsprechend mit Farbe chocolate. Das ist in HTML kaum möglich. Daher verwenden wir CSS.

<style type="text/css"><!--
  colgroup { 
    background-color:chocolate; 
    border-color:lightseagreen; 
    border-style:dotted; 
    border-width:2px;
  }
//-->
</style>

Mehr zum Thema finden Sie in Tabellen in HTML. Mehr zum HTML-Befehl colgroup lesen Sie in der HTML Referenz unter <colgroup>.