Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffa07a und Farbe deepskyblue

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 #ffa07a			Schriftfarbe deepskyblue
Detail	:	Hintergrund #ffa07a	Detail	:	Schrift deepskyblue
Farbwert	:	#ffa07a	Farbe	:	deepskyblue
Farbe	:	lightsalmon	Farbwert	:	#00bfff
HTML	:	#ffa07a	HTML	:	deepskyblue
HTML (Wert)	:	#ffa07a	HTML (Wert)	:	#00bfff
CSS	:	#ffa07a	CSS	:	deepskyblue
CSS (Wert)	:	#ffa07a	CSS (Wert)	:	#00bfff
CSS (kürzest)	:	#ffa07a	CSS (kürzest)	:	#00bfff
CSS (RGB)	:	rgb(255,160,122)	CSS (RGB)	:	rgb(0,191,255)
CSS (%RGB)	:	rgb(100%,62%,47%)	CSS (%RGB)	:	rgb(0%,74%,100%)

Verlauf Hintergrundfarbwert #ffa07a nach Schriftfarbe deepskyblue
#ffa07a	#daa48d	#b6a8a0	#91adb3	#6db1c6	#48b6d9	#24baec	#00bfff
#ffa07a	#daa48d	#b6a8a0	#91adb3	#6db1c6	#48b6d9	#24baec	#00bfff

Kombination von #ffa07a und deepskyblue
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #ffa07a ist deepskyblue ungeeignet. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben deepskyblue und #ffa07a beträgt 94.92%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 5.08%.

Hintergrundfarbwert #ffa07a				Schriftfarbe deepskyblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffa07a	#ffa07a	#ffa07a	#ffa07a	#00bfff	#00bfff	#00bfff	#00bfff
#ffad8d	#ffad8d	#da8968	#da8968	#24c8ff	#24c8ff	#00a3da	#00a3da
#ffbba0	#ffbba0	#b67257	#b67257	#48d1ff	#48d1ff	#0088b6	#0088b6
#ffc8b3	#ffc8b3	#915b45	#915b45	#6ddaff	#6ddaff	#006d91	#006d91
#ffd6c6	#ffd6c6	#6d4434	#6d4434	#91e3ff	#91e3ff	#00516d	#00516d
#ffe3d9	#ffe3d9	#482d22	#482d22	#b6ecff	#b6ecff	#003648	#003648
#fff1ec	#fff1ec	#241611	#241611	#daf5ff	#daf5ff	#001b24	#001b24
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffa07a und Farbe deepskyblue

Füllen und Umranden von Tag iframe

Bei diesem Beispiel umranden wir <iframe> mit einem einfallenden, 1 Pixel dicken Rahmen in Farbe deepskyblue . Den Hintergrund von <iframe> färben wir entsprechend mit Farbwert #ffa07a. Mit HTML ist dies nicht machbar. Wir verwenden daher CSS.

<style type="text/css"><!--
  iframe { border:1px inset deepskyblue; background-color:#ffa07a; }
//-->
</style>

Weiteres zum hier verwendeten HTML-Befehl iframe lesen Sie in der HTML Referenz unter <iframe>.

Wechsel der Textfarbe bei Hover von Tag dt

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

Z.B. legen wir Farbwert #ffa07a als Textfarbe von <dt> fest. Zwar verändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf courier new:

<style type="text/css"><!--
  dt { 
    font-family:courier new; 
    color:#ffa07a;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Textfarbe auf deepskyblue gesetzt wird.

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

Weiteres zum Thema dt lesen Sie in Listen und Glossare in HTML. Mehr zum hier gezeigten HTML-Befehl dt erfahren Sie in der HTML Referenz unter <dt>.