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

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.

Hintergrundfarbwert #696969			Schriftfarbe darkkhaki
Detail	:	Hintergrund #696969	Detail	:	Schrift darkkhaki
Farbwert	:	#696969	Farbe	:	darkkhaki
Farbe	:	dimgray	Farbwert	:	#bdb76b
HTML	:	#696969	HTML	:	darkkhaki
HTML (Wert)	:	#696969	HTML (Wert)	:	#bdb76b
CSS	:	#696969	CSS	:	darkkhaki
CSS (Wert)	:	#696969	CSS (Wert)	:	#bdb76b
CSS (kürzest)	:	#696969	CSS (kürzest)	:	#bdb76b
CSS (RGB)	:	rgb(105,105,105)	CSS (RGB)	:	rgb(189,183,107)
CSS (%RGB)	:	rgb(41%,41%,41%)	CSS (%RGB)	:	rgb(74%,71%,41%)

Verlauf Hintergrundfarbwert #696969 nach Schriftfarbe darkkhaki
#696969	#757469	#817f69	#8d8a69	#99956a	#a5a06a	#b1ab6a	#bdb76b
#696969	#757469	#817f69	#8d8a69	#99956a	#a5a06a	#b1ab6a	#bdb76b

Kombination von #696969 und darkkhaki
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 darkkhaki und #696969 ergibt sich zu 87.37%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 12.63%. darkkhaki ist nicht als Schriftfarbe auf Hintergrund #696969 geeignet, da weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind.

Hintergrundfarbwert #696969				Schriftfarbe darkkhaki
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#696969	#696969	#696969	#696969	#bdb76b	#bdb76b	#bdb76b	#bdb76b
#7e7e7e	#7e7e7e	#5a5a5a	#5a5a5a	#c6c180	#c6c180	#a29c5b	#a29c5b
#939393	#939393	#4b4b4b	#4b4b4b	#cfcb95	#cfcb95	#87824c	#87824c
#a9a9a9	#a9a9a9	#3c3c3c	#3c3c3c	#d9d5aa	#d9d5aa	#6c683d	#6c683d
#bebebe	#bebebe	#2d2d2d	#2d2d2d	#e2e0bf	#e2e0bf	#514e2d	#514e2d
#d4d4d4	#d4d4d4	#1e1e1e	#1e1e1e	#ecead4	#ecead4	#36341e	#36341e
#e9e9e9	#e9e9e9	#0f0f0f	#0f0f0f	#f5f4e9	#f5f4e9	#1b1a0f	#1b1a0f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #696969 und Farbe darkkhaki

Wechsel der Textfarbe bei Hover von HTML-Tag strong

Die Textfarbe soll sich von Farbwert #696969 auf Farbe darkkhaki ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <strong> in Farbwert #696969 vor.

Wir legen als Beispiel Farbwert #696969 als Textfarbe von <strong> fest. Zwar ändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf arial:

<style type="text/css"><!--
  strong { 
    color: #696969; 
    font-family: arial;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Textfarbe auf darkkhaki geändert wird.

<style type="text/css"><!--
  strong: hover { 
    color: darkkhaki;
  }
//-->
</style>

Mehr zum Thema strong finden Sie in Text in HTML. Einzelheiten vom HTML-Befehl strong finden Sie in der HTML Referenz unter <strong>.

Füllen und Umranden bei HTML-Befehl p

Hier umranden wir <p> mit einem gezahnten, 5 Pixel dicken Rahmen in Farbe darkkhaki . Die Hintergrundfarbe für <p> färben wir mit Farbwert #696969. In HTML ist dies kaum machbar. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  p { 
    background-color:#696969; 
    border-color:darkkhaki; 
    border-width:5px; 
    border-style:ridge;
  }
//-->
</style>

Mehr zu p können Sie in Grundlegende Gestaltungselemente in HTML lesen. Mehr zum hier gezeigten HTML-Befehl p ist in der HTML Referenz bei <p> gezeigt.