Ressourcen: 137 HTML Farbnamen - Kombination von Farbe coral und Farbwert #000080

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 coral			Schriftfarbwert #000080
Detail	:	Hintergrund coral	Detail	:	Schrift #000080
Farbe	:	coral	Farbwert	:	#000080
Farbwert	:	#ff7f50	Farbe	:	navy
HTML	:	coral	HTML	:	#000080
HTML (Wert)	:	#ff7f50	HTML (Wert)	:	#000080
CSS	:	coral	CSS	:	#000080
CSS (Wert)	:	#ff7f50	CSS (Wert)	:	#000080
CSS (kürzest)	:	#ff7f50	CSS (kürzest)	:	#000080
CSS (RGB)	:	rgb(255,127,80)	CSS (RGB)	:	rgb(0,0,128)
CSS (%RGB)	:	rgb(100%,49%,31%)	CSS (%RGB)	:	rgb(0%,0%,50%)

Verlauf Hintergrundfarbe coral nach Schriftfarbwert #000080
#ff7f50	#da6c56	#b65a5d	#914864	#6d366b	#482472	#241279	#000080
#ff7f50	#da6c56	#b65a5d	#914864	#6d366b	#482472	#241279	#000080

Kombination von coral und #000080
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #000080 und coral beträgt 69.49%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 30.51%. #000080 eignet sich nicht als Schriftfarbe auf Hintergrund coral. Zwar ist der Helligkeitsunterschied gut, die Farben selbst sind jedoch zu ähnlich.

Hintergrundfarbe coral				Schriftfarbwert #000080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff7f50	#ff7f50	#ff7f50	#ff7f50	#000080	#000080	#000080	#000080
#ff9169	#ff9169	#da6c44	#da6c44	#242492	#242492	#00006d	#00006d
#ffa382	#ffa382	#b65a39	#b65a39	#4848a4	#4848a4	#00005b	#00005b
#ffb59b	#ffb59b	#91482d	#91482d	#6d6db6	#6d6db6	#000049	#000049
#ffc8b4	#ffc8b4	#6d3622	#6d3622	#9191c8	#9191c8	#000036	#000036
#ffdacd	#ffdacd	#482416	#482416	#b6b6da	#b6b6da	#000024	#000024
#ffece6	#ffece6	#24120b	#24120b	#dadaec	#dadaec	#000012	#000012
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe coral und Farbwert #000080

Wechsel der Textfarbe bei Hover bei HTML-Befehl p

Die Textfarbe soll sich von Farbe coral auf Farbwert #000080 ändern, wenn man mit der Maus auf <p> zeigt. Bereiten wir zunächst eine Darstellung von <p> in Farbe coral vor.

Wir ändern als Beispiel bei <p> die Textfarbe auf Farbe coral. Zwar behalten wir die Hintergrundfarbe bei, ändern jedoch die Schriftart auf sans-serif.

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

Nun fordern wir, dass sich bei Mausberührung die Textfarbe auf #000080 ändert.

<style type="text/css"><!--
  p: hover { 
    color: #000080;
  }
//-->
</style>

Mehr zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Der HTML-Tag p ist in der HTML Referenz bei <p> ausführlich zusammengestellt.

Füllen und Umranden bei Tag blockquote

Für dieses Beispiel umranden wir <blockquote> mit einem . Die Hintergrundfarbe für <blockquote> färben wir entsprechend mit Farbe coral. Dies geht mit HTML kaum. Deshalb nutzen wir hier CSS.

<style type="text/css"><!--
  blockquote { 
    border-color: #000080; 
    border-width: 5px; 
    border-style: groove; 
    background-color: coral;
  }
//-->
</style>

Mehr zu blockquote können Sie in Blockorientierte Elemente in HTML lesen. Die Beschreibung des hier genutzten Befehl blockquote erfahren Sie in der HTML Referenz unter <blockquote>.