Ressourcen: 120 HTML Farbnamen - Kombination von Farbe seashell und Farbe mediumorchid

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.

Hintergrundfarbe seashell			Schriftfarbe mediumorchid
Detail	:	Hintergrund seashell	Detail	:	Schrift mediumorchid
Farbe	:	seashell	Farbe	:	mediumorchid
Farbwert	:	#fff5ee	Farbwert	:	#ba55d3
HTML	:	seashell	HTML	:	mediumorchid
HTML (Wert)	:	#fff5ee	HTML (Wert)	:	#ba55d3
CSS	:	seashell	CSS	:	mediumorchid
CSS (Wert)	:	#fff5ee	CSS (Wert)	:	#ba55d3
CSS (kürzest)	:	#fff5ee	CSS (kürzest)	:	#ba55d3
CSS (RGB)	:	rgb(255,245,238)	CSS (RGB)	:	rgb(186,85,211)
CSS (%RGB)	:	rgb(100%,96%,93%)	CSS (%RGB)	:	rgb(72%,33%,82%)

Verlauf Hintergrundfarbe seashell nach Schriftfarbe mediumorchid
#fff5ee	#f5deea	#ebc7e6	#e1b0e2	#d799de	#cd82da	#c36bd6	#ba55d3
#fff5ee	#f5deea	#ebc7e6	#e1b0e2	#d799de	#cd82da	#c36bd6	#ba55d3

Kombination von seashell und mediumorchid
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben mediumorchid und seashell ergibt sich zu 82.53%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 17.47%. mediumorchid eignet sich nicht als Schriftfarbe auf Hintergrund seashell, da die Unterschiede in der Helligkeit und Farbe zu gering sind.

Hintergrundfarbe seashell				Schriftfarbe mediumorchid
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff5ee	#fff5ee	#fff5ee	#fff5ee	#ba55d3	#ba55d3	#ba55d3	#ba55d3
#fff6f0	#fff6f0	#dad2cc	#dad2cc	#c36dd9	#c36dd9	#9f48b4	#9f48b4
#fff7f2	#fff7f2	#b6afaa	#b6afaa	#cd85df	#cd85df	#843c96	#843c96
#fff9f5	#fff9f5	#918c88	#918c88	#d79de5	#d79de5	#6a3078	#6a3078
#fffaf7	#fffaf7	#6d6966	#6d6966	#e1b6ec	#e1b6ec	#4f245a	#4f245a
#fffcfa	#fffcfa	#484644	#484644	#ebcef2	#ebcef2	#35183c	#35183c
#fffdfc	#fffdfc	#242322	#242322	#f5e6f8	#f5e6f8	#1a0c1e	#1a0c1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe seashell und Farbe mediumorchid

Wechsel der Textfarbe bei Hover bei HTML-Tag option

Die Textfarbe soll sich von Farbe seashell auf Farbe mediumorchid ändern, wenn man mit der Maus auf <option> zeigt. Bereiten wir zunächst eine Darstellung von <option> in Farbe seashell vor.

In diesem Beispiel legen wir Farbe seashell als Textfarbe von <option> fest. Die Hintergrundfarbe ändern wir nicht. Die Schriftart ändern wir auf arial:

<style type="text/css"><!--
  option { 
    color: seashell; 
    font-family: arial;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Textfarbe auf mediumorchid geändert wird.

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

Mehr zu option finden Sie in Formulare in HTML. Mehr zum HTML-Befehl <option>.

Füllen und Umranden bei Befehl h1

Eine Überschrift setzt man mit HTML-Befehl <h1>. Diese kann man hervorheben und farblich gestalten.

Für dieses Beispiel umranden wir <h1> mit einem einfallenden, 5 Pixel dicken Rahmen in Farbe mediumorchid . Die Hintergrundfarbe für <h1> färben wir entsprechend mit Farbe seashell. Das ist in HTML nicht möglich. Daher nutzen wir dafür CSS.

<style type="text/css"><!--
  h1 { 
    border-color:mediumorchid; 
    border-width:5px; 
    border-style:inset; 
    background-color:seashell;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung vom Tag <h1>.