Ressourcen: 137 HTML Farbnamen - Kombination von Farbe mediumblue und Farbwert #ffefd5

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.

Hintergrundfarbe mediumblue			Schriftfarbwert #ffefd5
Detail	:	Hintergrund mediumblue	Detail	:	Schrift #ffefd5
Farbe	:	mediumblue	Farbwert	:	#ffefd5
Farbwert	:	#0000cd	Farbe	:	papayawhip
HTML	:	mediumblue	HTML	:	#ffefd5
HTML (Wert)	:	#0000cd	HTML (Wert)	:	#ffefd5
CSS	:	mediumblue	CSS	:	#ffefd5
CSS (Wert)	:	#0000cd	CSS (Wert)	:	#ffefd5
CSS (kürzest)	:	#0000cd	CSS (kürzest)	:	#ffefd5
CSS (RGB)	:	rgb(0,0,205)	CSS (RGB)	:	rgb(255,239,213)
CSS (%RGB)	:	rgb(0%,0%,80%)	CSS (%RGB)	:	rgb(100%,93%,83%)

Verlauf Hintergrundfarbe mediumblue nach Schriftfarbwert #ffefd5
#0000cd	#2422ce	#4844cf	#6d66d0	#9188d1	#b6aad2	#daccd3	#ffefd5
#0000cd	#2422ce	#4844cf	#6d66d0	#9188d1	#b6aad2	#daccd3	#ffefd5

Kombination von mediumblue und #ffefd5
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #ffefd5 und mediumblue ergibt sich zu 53.03%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 46.97%. #ffefd5 eignet sich als Schriftfarbe auf Hintergrund mediumblue, weil die Unterschiede in Helligkeit und Farbe ok sind.

Hintergrundfarbe mediumblue				Schriftfarbwert #ffefd5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#0000cd	#0000cd	#0000cd	#0000cd	#ffefd5	#ffefd5	#ffefd5	#ffefd5
#2424d4	#2424d4	#0000af	#0000af	#fff1db	#fff1db	#daccb6	#daccb6
#4848db	#4848db	#000092	#000092	#fff3e1	#fff3e1	#b6aa98	#b6aa98
#6d6de2	#6d6de2	#000075	#000075	#fff5e7	#fff5e7	#918879	#918879
#9191e9	#9191e9	#000057	#000057	#fff8ed	#fff8ed	#6d665b	#6d665b
#b6b6f0	#b6b6f0	#00003a	#00003a	#fffaf3	#fffaf3	#48443c	#48443c
#dadaf7	#dadaf7	#00001d	#00001d	#fffcf9	#fffcf9	#24221e	#24221e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumblue und Farbwert #ffefd5

Wechsel der Umrandung bei Hover mit HTML-Befehl hr

Die Rahmenfarbe soll sich von Farbe mediumblue auf Farbwert #ffefd5 ändern, wenn man mit der Maus auf <hr> zeigt. Wir bereiten zunächst eine Darstellung von <hr> in Farbe mediumblue vor.

In diesem Beispiel umranden wir <hr> mit einem 1 Pixel dicken, gestrichelten Rahmen in Farbe mediumblue.

<style type="text/css"><!--
  hr { 
    border-width: 1px; 
    border-style: dashed; 
    border-color: mediumblue;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Rahmenfarbe auf #ffefd5 geändert wird.

<style type="text/css"><!--
  hr:hover { 
    border-color:#ffefd5;
  }
//-->
</style>

Weiteres zum Thema hr können Sie in Grundlegende Gestaltungselemente in HTML finden. Einzelheiten des HTML-Befehl hr lesen Sie in der HTML Referenz unter <hr>.

Füllen und Umranden mit HTML-Tag td

Bei diesem Beispiel umranden wir <td> mit einem 5 Pixel dicken, einfallenden Rahmen in Farbwert #ffefd5 . Den Hintergrund von <td> setzen wir entsprechend auf Farbe mediumblue. Dies geht in HTML kaum. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  td { 
    border-style:inset; 
    border-width:5px; 
    background-color:mediumblue; 
    border-color:#ffefd5;
  }
//-->
</style>

Weiteres zu td erfahren Sie in Tabellen in HTML. Weiteres zum hier gezeigten Befehl td ist in der HTML Referenz unter <td> ausführlich zusammengestellt.