Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #a52a2a 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 #a52a2a			Schriftfarbe darkkhaki
Detail	:	Hintergrund #a52a2a	Detail	:	Schrift darkkhaki
Farbwert	:	#a52a2a	Farbe	:	darkkhaki
Farbe	:	brown	Farbwert	:	#bdb76b
HTML	:	#a52a2a	HTML	:	darkkhaki
HTML (Wert)	:	#a52a2a	HTML (Wert)	:	#bdb76b
CSS	:	#a52a2a	CSS	:	darkkhaki
CSS (Wert)	:	#a52a2a	CSS (Wert)	:	#bdb76b
CSS (kürzest)	:	#a52a2a	CSS (kürzest)	:	#bdb76b
CSS (RGB)	:	rgb(165,42,42)	CSS (RGB)	:	rgb(189,183,107)
CSS (%RGB)	:	rgb(64%,16%,16%)	CSS (%RGB)	:	rgb(74%,71%,41%)

Verlauf Hintergrundfarbwert #a52a2a nach Schriftfarbe darkkhaki
#a52a2a	#a83e33	#ab523c	#af6645	#b27a4f	#b68e58	#b9a261	#bdb76b
#a52a2a	#a83e33	#ab523c	#af6645	#b27a4f	#b68e58	#b9a261	#bdb76b

Kombination von #a52a2a und darkkhaki
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #a52a2a ist darkkhaki ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend. Die Ähnlichkeit der Farben darkkhaki und #a52a2a ergibt sich zu 83.70%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 16.30%.

Hintergrundfarbwert #a52a2a				Schriftfarbe darkkhaki
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#a52a2a	#a52a2a	#a52a2a	#a52a2a	#bdb76b	#bdb76b	#bdb76b	#bdb76b
#b14848	#b14848	#8d2424	#8d2424	#c6c180	#c6c180	#a29c5b	#a29c5b
#be6666	#be6666	#751e1e	#751e1e	#cfcb95	#cfcb95	#87824c	#87824c
#cb8585	#cb8585	#5e1818	#5e1818	#d9d5aa	#d9d5aa	#6c683d	#6c683d
#d8a3a3	#d8a3a3	#461212	#461212	#e2e0bf	#e2e0bf	#514e2d	#514e2d
#e5c2c2	#e5c2c2	#2f0c0c	#2f0c0c	#ecead4	#ecead4	#36341e	#36341e
#f2e0e0	#f2e0e0	#170606	#170606	#f5f4e9	#f5f4e9	#1b1a0f	#1b1a0f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #a52a2a und Farbe darkkhaki

Hintergrund/Text-Kombination von Befehl button

Wir ändern für dieses Beispiel die Textfarbe von <button> auf Farbe darkkhaki und die Hintergrundfarbe von <button> auf Farbwert #a52a2a. Als Schriftart wählen wir monospace. Als Schriftgröße wählen wir 129%.

<style type="text/css"><!--
  button { 
    font-family:monospace; 
    background-color:#a52a2a; 
    color:darkkhaki; 
    font-size:129%;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Formulare in HTML. Der hier genutzte HTML-Befehl button ist in der HTML Referenz unter <button> genau zusammengestellt.

Wechsel der Umrandung bei Hover von Tag tfoot

Die Rahmenfarbe soll sich von Farbwert #a52a2a auf Farbe darkkhaki ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <tfoot> in Farbwert #a52a2a vor.

In diesem Beispiel umranden wir <tfoot> mit einem 2 Pixel dicken, gestrichelten Rahmen in Farbwert #a52a2a.

<style type="text/css"><!--
  tfoot { 
    border-color: #a52a2a; 
    border-width: 2px; 
    border-style: dashed;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe auf darkkhaki ändert.

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

Weiteres zu tfoot können Sie in Tabellen in HTML erfahren. Beschreibung vom hier gezeigten HTML-Befehl <tfoot>.