Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #f0e68c und Farbe deepskyblue

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #f0e68c			Schriftfarbe deepskyblue
Detail	:	Hintergrund #f0e68c	Detail	:	Schrift deepskyblue
Farbwert	:	#f0e68c	Farbe	:	deepskyblue
Farbe	:	khaki	Farbwert	:	#00bfff
HTML	:	#f0e68c	HTML	:	deepskyblue
HTML (Wert)	:	#f0e68c	HTML (Wert)	:	#00bfff
CSS	:	#f0e68c	CSS	:	deepskyblue
CSS (Wert)	:	#f0e68c	CSS (Wert)	:	#00bfff
CSS (kürzest)	:	#f0e68c	CSS (kürzest)	:	#00bfff
CSS (RGB)	:	rgb(240,230,140)	CSS (RGB)	:	rgb(0,191,255)
CSS (%RGB)	:	rgb(94%,90%,54%)	CSS (%RGB)	:	rgb(0%,74%,100%)

Verlauf Hintergrundfarbwert #f0e68c nach Schriftfarbe deepskyblue
#f0e68c	#cde09c	#abdaac	#89d5bd	#66cfcd	#44cade	#22c4ee	#00bfff
#f0e68c	#cde09c	#abdaac	#89d5bd	#66cfcd	#44cade	#22c4ee	#00bfff

Kombination von #f0e68c und deepskyblue
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				Auf Hintergrund #f0e68c ist deepskyblue ungeeignet, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von deepskyblue und #f0e68c beträgt 92.11%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 7.89%.

Hintergrundfarbwert #f0e68c				Schriftfarbe deepskyblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0e68c	#f0e68c	#f0e68c	#f0e68c	#00bfff	#00bfff	#00bfff	#00bfff
#f2e99c	#f2e99c	#cdc578	#cdc578	#24c8ff	#24c8ff	#00a3da	#00a3da
#f4edac	#f4edac	#aba464	#aba464	#48d1ff	#48d1ff	#0088b6	#0088b6
#f6f0bd	#f6f0bd	#898350	#898350	#6ddaff	#6ddaff	#006d91	#006d91
#f8f4cd	#f8f4cd	#66623c	#66623c	#91e3ff	#91e3ff	#00516d	#00516d
#faf7de	#faf7de	#444128	#444128	#b6ecff	#b6ecff	#003648	#003648
#fcfbee	#fcfbee	#222014	#222014	#daf5ff	#daf5ff	#001b24	#001b24
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #f0e68c und Farbe deepskyblue

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag table

Die Hintergrundfarbe soll sich von Farbwert #f0e68c auf Farbe deepskyblue ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <table> in Farbwert #f0e68c vor.

Wir legen für dieses Beispiel die Hintergrundfarbe von <table> auf Farbwert #f0e68c fest. Zwar ändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf monospace:

<style type="text/css"><!--
  table { 
    font-family: monospace; 
    background-color: #f0e68c;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Hintergrundfarbe zu deepskyblue ändert.

<style type="text/css"><!--
  table: hover { 
    background-color: deepskyblue;
  }
//-->
</style>

Weiteres zu table lesen Sie in Tabellen in HTML. Einzelheiten vom Tag <table>.

Hintergrund/Text-Kombination von HTML-Tag h5

Mit HTML-Tag <h5> wird eine Überschrift der 5. Stufe erzeugt. Diese kann hervorgehoben und farblich gestaltet werden.

Wir ändern für dieses Beispiel die Textfarbe von <h5> auf Farbe deepskyblue und die Hintergrundfarbe von <h5> auf Farbwert #f0e68c. Als Schriftart setzen wir sans-serif und setzen die Schriftgröße auf 13px.

<style type="text/css"><!--
  h5 { 
    color:deepskyblue; 
    font-family:sans-serif; 
    background-color:#f0e68c; 
    font-size:13px;
  }
//-->
</style>

Weiteres zu h5 lesen Sie in Grundlegende Gestaltungselemente in HTML. Zur Beschreibung des HTML-Tag <h5>.