Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffa500 und Farbwert #4b0082

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 #ffa500			Schriftfarbwert #4b0082
Detail	:	Hintergrund #ffa500	Detail	:	Schrift #4b0082
Farbwert	:	#ffa500	Farbwert	:	#4b0082
Farbe	:	orange	Farbe	:	indigo
HTML	:	#ffa500	HTML	:	#4b0082
HTML (Wert)	:	#ffa500	HTML (Wert)	:	#4b0082
CSS	:	#ffa500	CSS	:	#4b0082
CSS (Wert)	:	#ffa500	CSS (Wert)	:	#4b0082
CSS (kürzest)	:	#ffa500	CSS (kürzest)	:	#4b0082
CSS (RGB)	:	rgb(255,165,0)	CSS (RGB)	:	rgb(75,0,130)
CSS (%RGB)	:	rgb(100%,64%,0%)	CSS (%RGB)	:	rgb(29%,0%,50%)

Verlauf Hintergrundfarbwert #ffa500 nach Schriftfarbwert #4b0082
#ffa500	#e58d12	#cb7525	#b15e37	#98464a	#7e2f5c	#64176f	#4b0082
#ffa500	#e58d12	#cb7525	#b15e37	#98464a	#7e2f5c	#64176f	#4b0082

Kombination von #ffa500 und #4b0082
Cras id velit ante. 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 vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #4b0082 und #ffa500 beträgt 68.77%. Die Lesbarkeit dieser Kombination bewerte ich mit 31.23%. #4b0082 ist nicht als Schriftfarbe auf Hintergrund #ffa500 geeignet, da sich die Farben zu ähnlich sind.

Hintergrundfarbwert #ffa500				Schriftfarbwert #4b0082
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffa500	#ffa500	#ffa500	#ffa500	#4b0082	#4b0082	#4b0082	#4b0082
#ffb124	#ffb124	#da8d00	#da8d00	#642493	#642493	#40006f	#40006f
#ffbe48	#ffbe48	#b67500	#b67500	#7e48a5	#7e48a5	#35005c	#35005c
#ffcb6d	#ffcb6d	#915e00	#915e00	#986db7	#986db7	#2a004a	#2a004a
#ffd891	#ffd891	#6d4600	#6d4600	#b191c9	#b191c9	#200037	#200037
#ffe5b6	#ffe5b6	#482f00	#482f00	#cbb6db	#cbb6db	#150025	#150025
#fff2da	#fff2da	#241700	#241700	#e5daed	#e5daed	#0a0012	#0a0012
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffa500 und Farbwert #4b0082

Wechsel der Textfarbe bei Hover mit HTML-Tag blockquote

Die Textfarbe soll sich von Farbwert #ffa500 auf Farbwert #4b0082 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <blockquote> in Farbwert #ffa500 vor.

Z.B. legen wir Farbwert #ffa500 als Textfarbe von <blockquote> fest. Die Hintergrundfarbe behalten wir bei, setzen jedoch die Schriftart auf sans-serif.

<style type="text/css"><!--
  blockquote { 
    font-family:sans-serif; 
    color:#ffa500;
  }
//-->
</style>

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

<style type="text/css"><!--
  blockquote: hover { 
    color: #4b0082;
  }
//-->
</style>

Mehr zu blockquote können Sie in Blockorientierte Elemente in HTML nachsehen. Mehr zum HTML-Tag blockquote erfahren Sie in der HTML Referenz unter <blockquote>.

Hintergrund/Text-Kombination von Befehl h2

Mit HTML-Befehl <h2> wird eine Überschrift erzeugt. Diese können Sie farblich gestalten und hervorheben.

Hier ändern wir die Textfarbe von <h2> auf Farbwert #4b0082 und die Hintergrundfarbe von <h2> auf Farbwert #ffa500. Die Schriftart ändern wir auf sans-serif und setzen die Schriftgröße auf 11px.

<style type="text/css"><!--
  h2 { 
    color:#4b0082; 
    background-color:#ffa500; 
    font-size:11px; 
    font-family:sans-serif;
  }
//-->
</style>

Weiteres zu h2 finden Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum Befehl h2 erfahren Sie in der HTML Referenz unter <h2>.