Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffa500 und Farbwert #1e90ff

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 #1e90ff
Detail	:	Hintergrund #ffa500	Detail	:	Schrift #1e90ff
Farbwert	:	#ffa500	Farbwert	:	#1e90ff
Farbe	:	orange	Farbe	:	dodgerblue
HTML	:	#ffa500	HTML	:	#1e90ff
HTML (Wert)	:	#ffa500	HTML (Wert)	:	#1e90ff
CSS	:	#ffa500	CSS	:	#1e90ff
CSS (Wert)	:	#ffa500	CSS (Wert)	:	#1e90ff
CSS (kürzest)	:	#ffa500	CSS (kürzest)	:	#1e90ff
CSS (RGB)	:	rgb(255,165,0)	CSS (RGB)	:	rgb(30,144,255)
CSS (%RGB)	:	rgb(100%,64%,0%)	CSS (%RGB)	:	rgb(11%,56%,100%)

Verlauf Hintergrundfarbwert #ffa500 nach Schriftfarbwert #1e90ff
#ffa500	#dea224	#be9f48	#9e9c6d	#7e9991	#5e96b6	#3e93da	#1e90ff
#ffa500	#dea224	#be9f48	#9e9c6d	#7e9991	#5e96b6	#3e93da	#1e90ff

Kombination von #ffa500 und #1e90ff
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #1e90ff und #ffa500 ergibt sich zu 92.20%. Die Lesbarkeit dieser Farbkombination liegt damit bei 7.80%. Auf Hintergrund #ffa500 ist #1e90ff ungeeignet, weil sich die Helligkeiten zu ähnlich sind.

Hintergrundfarbwert #ffa500				Schriftfarbwert #1e90ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffa500	#ffa500	#ffa500	#ffa500	#1e90ff	#1e90ff	#1e90ff	#1e90ff
#ffb124	#ffb124	#da8d00	#da8d00	#3e9fff	#3e9fff	#197bda	#197bda
#ffbe48	#ffbe48	#b67500	#b67500	#5eafff	#5eafff	#1566b6	#1566b6
#ffcb6d	#ffcb6d	#915e00	#915e00	#7ebfff	#7ebfff	#115291	#115291
#ffd891	#ffd891	#6d4600	#6d4600	#9ecfff	#9ecfff	#0c3d6d	#0c3d6d
#ffe5b6	#ffe5b6	#482f00	#482f00	#bedfff	#bedfff	#082948	#082948
#fff2da	#fff2da	#241700	#241700	#deefff	#deefff	#041424	#041424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #ffa500 und Farbwert #1e90ff

Wechsel der Textfarbe bei Hover von HTML-Befehl table

Die Textfarbe soll sich von Farbwert #ffa500 auf Farbwert #1e90ff ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <table> in Farbwert #ffa500 vor.

Zum Beispiel legen wir die Textfarbe von <table> auf Farbwert #ffa500 fest und setzen die Größe der Schrift auf 85S%:

<style type="text/css"><!--
  table { 
    font-size:85S%; 
    color:#ffa500;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #1e90ff geändert wird.

<style type="text/css"><!--
  table:hover { 
    color:#1e90ff;
  }
//-->
</style>

Mehr zu table können Sie in Tabellen in HTML nachsehen. Möglichkeiten des HTML-Tag <table>.