Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ff4500 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.

Hintergrundfarbwert #ff4500			Schriftfarbwert #bdb76b
Detail	:	Hintergrund #ff4500	Detail	:	Schrift #bdb76b
Farbwert	:	#ff4500	Farbwert	:	#bdb76b
Farbe	:	orangered	Farbe	:	darkkhaki
HTML	:	#ff4500	HTML	:	#bdb76b
HTML (Wert)	:	#ff4500	HTML (Wert)	:	#bdb76b
CSS	:	#ff4500	CSS	:	#bdb76b
CSS (Wert)	:	#ff4500	CSS (Wert)	:	#bdb76b
CSS (kürzest)	:	#ff4500	CSS (kürzest)	:	#bdb76b
CSS (RGB)	:	rgb(255,69,0)	CSS (RGB)	:	rgb(189,183,107)
CSS (%RGB)	:	rgb(100%,27%,0%)	CSS (%RGB)	:	rgb(74%,71%,41%)

Verlauf Hintergrundfarbwert #ff4500 nach Schriftfarbwert #bdb76b
#ff4500	#f5550f	#ec651e	#e2752d	#d9863d	#cf964c	#c6a65b	#bdb76b
#ff4500	#f5550f	#ec651e	#e2752d	#d9863d	#cf964c	#c6a65b	#bdb76b

Kombination von #ff4500 und #bdb76b
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 #bdb76b und #ff4500 ergibt sich zu 92.08%. Die Lesbarkeit dieser Kombination ergibt sich zu 7.92%. #bdb76b eignet sich nicht als Schriftfarbe auf Hintergrund #ff4500, weil sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #ff4500				Schriftfarbwert #bdb76b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff4500	#ff4500	#ff4500	#ff4500	#bdb76b	#bdb76b	#bdb76b	#bdb76b
#ff5f24	#ff5f24	#da3b00	#da3b00	#c6c180	#c6c180	#a29c5b	#a29c5b
#ff7a48	#ff7a48	#b63100	#b63100	#cfcb95	#cfcb95	#87824c	#87824c
#ff946d	#ff946d	#912700	#912700	#d9d5aa	#d9d5aa	#6c683d	#6c683d
#ffaf91	#ffaf91	#6d1d00	#6d1d00	#e2e0bf	#e2e0bf	#514e2d	#514e2d
#ffc9b6	#ffc9b6	#481300	#481300	#ecead4	#ecead4	#36341e	#36341e
#ffe4da	#ffe4da	#240900	#240900	#f5f4e9	#f5f4e9	#1b1a0f	#1b1a0f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #ff4500 und Farbwert #bdb76b

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl div

Einen Kontainer erzeugt man mit Befehl <div>. Diesen kann man farblich gestalten.

Die Hintergrundfarbe soll sich von Farbwert #ff4500 auf Farbwert #bdb76b ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <div> in Farbwert #ff4500 vor.

Als Beispiel legen wir Farbwert #ff4500 als Hintergrundfarbe von <div> fest. Die Größe der Schrift setzen wir auf 10pt:

<style type="text/css"><!--
  div { 
    font-size:10pt; 
    background-color:#ff4500;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #bdb76b geändert wird.

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

Möglichkeiten des hier genutzten Befehl div finden Sie in der HTML Referenz unter <div>.