Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkkhaki und Farbwert #3cb371

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 darkkhaki			Schriftfarbwert #3cb371
Detail	:	Hintergrund darkkhaki	Detail	:	Schrift #3cb371
Farbe	:	darkkhaki	Farbwert	:	#3cb371
Farbwert	:	#bdb76b	Farbe	:	mediumseagreen
HTML	:	darkkhaki	HTML	:	#3cb371
HTML (Wert)	:	#bdb76b	HTML (Wert)	:	#3cb371
CSS	:	darkkhaki	CSS	:	#3cb371
CSS (Wert)	:	#bdb76b	CSS (Wert)	:	#3cb371
CSS (kürzest)	:	#bdb76b	CSS (kürzest)	:	#3cb371
CSS (RGB)	:	rgb(189,183,107)	CSS (RGB)	:	rgb(60,179,113)
CSS (%RGB)	:	rgb(74%,71%,41%)	CSS (%RGB)	:	rgb(23%,70%,44%)

Verlauf Hintergrundfarbe darkkhaki nach Schriftfarbwert #3cb371
#bdb76b	#aab66b	#98b56c	#85b56d	#73b46e	#60b46f	#4eb370	#3cb371
#bdb76b	#aab66b	#98b56c	#85b56d	#73b46e	#60b46f	#4eb370	#3cb371

Kombination von darkkhaki und #3cb371
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #3cb371 und darkkhaki ergibt sich zu 93.87%. Die Lesbarkeit dieser Kombination liegt damit bei 6.13%. Auf Hintergrund darkkhaki ist #3cb371 ungeeignet. Die Helligkeit und Farben sind zu ähnlich.

Hintergrundfarbe darkkhaki				Schriftfarbwert #3cb371
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#bdb76b	#bdb76b	#bdb76b	#bdb76b	#3cb371	#3cb371	#3cb371	#3cb371
#c6c180	#c6c180	#a29c5b	#a29c5b	#57bd85	#57bd85	#339960	#339960
#cfcb95	#cfcb95	#87824c	#87824c	#73c899	#73c899	#2a7f50	#2a7f50
#d9d5aa	#d9d5aa	#6c683d	#6c683d	#8fd3ad	#8fd3ad	#226640	#226640
#e2e0bf	#e2e0bf	#514e2d	#514e2d	#abdec2	#abdec2	#194c30	#194c30
#ecead4	#ecead4	#36341e	#36341e	#c7e9d6	#c7e9d6	#113320	#113320
#f5f4e9	#f5f4e9	#1b1a0f	#1b1a0f	#e3f4ea	#e3f4ea	#081910	#081910
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkkhaki und Farbwert #3cb371

Wechsel der Hintergrundfarbe bei Hover mit Befehl p

Die Hintergrundfarbe soll sich von Farbe darkkhaki auf Farbwert #3cb371 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <p> in Farbe darkkhaki vor.

Wir legen für dieses Beispiel die Hintergrundfarbe von <p> auf Farbe darkkhaki fest und setzen die Schriftgröße auf 9px.

<style type="text/css"><!--
  p { 
    background-color:darkkhaki; 
    font-size:9px;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Hintergrundfarbe auf #3cb371 geändert wird.

<style type="text/css"><!--
  p:hover { 
    background-color:#3cb371;
  }
//-->
</style>

Weiteres zum Thema p können Sie in Grundlegende Gestaltungselemente in HTML finden. Möglichkeiten vom hier verwendeten Tag p sind in der HTML Referenz bei <p> beschrieben.

Text- und Unterstreichungsfarben bei Tag caption

Wir ändern in diesem Beispiel die Textfarbe von <caption> auf Farbwert #3cb371. Die Schriftart ändern wir auf courier new. Die Schriftgröße verringern wir auf 95%. Wir unterstreichen den Inhalt von <caption> mit Hilfe eines gezahnten Rahmens mit 1 Punkte Dicke in Farbe darkkhaki. Mit HTML ist das kaum möglich. Daher nutzen wir hier CSS.

<style type="text/css"><!--
  caption { 
    font-size:95%; 
    color:#3cb371; 
    font-family:courier new; 
    border-bottom:1pt ridge darkkhaki;
  }
//-->
</style>

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

Weiteres zum Thema caption finden Sie in Tabellen in HTML. Beschreibung des Befehl <caption>.