Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkorange und Farbwert #bdb76b

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 darkorange			Schriftfarbwert #bdb76b
Detail	:	Hintergrund darkorange	Detail	:	Schrift #bdb76b
Farbe	:	darkorange	Farbwert	:	#bdb76b
Farbwert	:	#ff8c00	Farbe	:	darkkhaki
HTML	:	darkorange	HTML	:	#bdb76b
HTML (Wert)	:	#ff8c00	HTML (Wert)	:	#bdb76b
CSS	:	darkorange	CSS	:	#bdb76b
CSS (Wert)	:	#ff8c00	CSS (Wert)	:	#bdb76b
CSS (kürzest)	:	#ff8c00	CSS (kürzest)	:	#bdb76b
CSS (RGB)	:	rgb(255,140,0)	CSS (RGB)	:	rgb(189,183,107)
CSS (%RGB)	:	rgb(100%,54%,0%)	CSS (%RGB)	:	rgb(74%,71%,41%)

Verlauf Hintergrundfarbe darkorange nach Schriftfarbwert #bdb76b
#ff8c00	#f5920f	#ec981e	#e29e2d	#d9a43d	#cfaa4c	#c6b05b	#bdb76b
#ff8c00	#f5920f	#ec981e	#e29e2d	#d9a43d	#cfaa4c	#c6b05b	#bdb76b

Kombination von darkorange und #bdb76b
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				#bdb76b eignet sich nicht als Schriftfarbe auf Hintergrund darkorange. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit der Farben #bdb76b und darkorange beträgt 94.63%. Die Lesbarkeit dieser Farbkombination liegt damit bei 5.37%.

Hintergrundfarbe darkorange				Schriftfarbwert #bdb76b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff8c00	#ff8c00	#ff8c00	#ff8c00	#bdb76b	#bdb76b	#bdb76b	#bdb76b
#ff9c24	#ff9c24	#da7800	#da7800	#c6c180	#c6c180	#a29c5b	#a29c5b
#ffac48	#ffac48	#b66400	#b66400	#cfcb95	#cfcb95	#87824c	#87824c
#ffbd6d	#ffbd6d	#915000	#915000	#d9d5aa	#d9d5aa	#6c683d	#6c683d
#ffcd91	#ffcd91	#6d3c00	#6d3c00	#e2e0bf	#e2e0bf	#514e2d	#514e2d
#ffdeb6	#ffdeb6	#482800	#482800	#ecead4	#ecead4	#36341e	#36341e
#ffeeda	#ffeeda	#241400	#241400	#f5f4e9	#f5f4e9	#1b1a0f	#1b1a0f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkorange und Farbwert #bdb76b

Wechsel der Umrandung bei Hover mit Befehl s

Die Rahmenfarbe soll sich von Farbe darkorange auf Farbwert #bdb76b ändern, wenn man mit der Maus auf <s> zeigt. Bereiten wir zunächst die Formatierung von <s> in Farbe darkorange vor.

In diesem Beispiel umranden wir <s> mit einem 2 Pixel dicken, gezahnten Rahmen in Farbe darkorange.

<style type="text/css"><!--
  s { 
    border-style:ridge; 
    border-color:darkorange; 
    border-width:2px;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe zu #bdb76b ändert.

<style type="text/css"><!--
  s: hover { 
    border-color: #bdb76b;
  }
//-->
</style>

Mehr zum Thema s können Sie in Text in HTML finden. Mehr zum Befehl <s>.

Text- und Unterstreichungsfarben bei HTML-Befehl del

Hier ändern wir die Textfarbe von <del> auf Farbwert #bdb76b. Die Schriftart ändern wir auf arial. Die Schriftgröße verringern wir auf 84%. Wir unterstreichen den Inhalt von <del> mit Hilfe eines gefurchten Rahmens mit 5 Pixel Dicke in Farbe darkorange. In HTML ist dies nicht machbar. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  del { 
    border-bottom-style: groove; 
    border-bottom-color: darkorange; 
    font-family: arial; 
    font-size: 84%; 
    color: #bdb76b; 
    border-bottom-width: 5px;
  }
//-->
</style>

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

Möglichkeiten des Tag <del>.