Ressourcen: 120 HTML Farbnamen - Kombination von Farbe seagreen und Farbwert #ffdab9

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 seagreen			Schriftfarbwert #ffdab9
Detail	:	Hintergrund seagreen	Detail	:	Schrift #ffdab9
Farbe	:	seagreen	Farbwert	:	#ffdab9
Farbwert	:	#2e8b57	Farbe	:	peachpuff
HTML	:	seagreen	HTML	:	#ffdab9
HTML (Wert)	:	#2e8b57	HTML (Wert)	:	#ffdab9
CSS	:	seagreen	CSS	:	#ffdab9
CSS (Wert)	:	#2e8b57	CSS (Wert)	:	#ffdab9
CSS (kürzest)	:	#2e8b57	CSS (kürzest)	:	#ffdab9
CSS (RGB)	:	rgb(46,139,87)	CSS (RGB)	:	rgb(255,218,185)
CSS (%RGB)	:	rgb(18%,54%,34%)	CSS (%RGB)	:	rgb(100%,85%,72%)

Verlauf Hintergrundfarbe seagreen nach Schriftfarbwert #ffdab9
#2e8b57	#4b9665	#69a173	#87ac81	#a5b88f	#c3c39d	#e1ceab	#ffdab9
#2e8b57	#4b9665	#69a173	#87ac81	#a5b88f	#c3c39d	#e1ceab	#ffdab9

Kombination von seagreen und #ffdab9
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #ffdab9 und seagreen ergibt sich zu 84.62%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 15.38%. #ffdab9 eignet sich nicht als Schriftfarbe auf Hintergrund seagreen, da weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind.

Hintergrundfarbe seagreen				Schriftfarbwert #ffdab9
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#2e8b57	#2e8b57	#2e8b57	#2e8b57	#ffdab9	#ffdab9	#ffdab9	#ffdab9
#4b9b6f	#4b9b6f	#27774a	#27774a	#ffdfc3	#ffdfc3	#daba9e	#daba9e
#69ac87	#69ac87	#20633e	#20633e	#ffe4cd	#ffe4cd	#b69b84	#b69b84
#87bc9f	#87bc9f	#1a4f31	#1a4f31	#ffe9d7	#ffe9d7	#917c69	#917c69
#a5cdb7	#a5cdb7	#133b25	#133b25	#ffefe1	#ffefe1	#6d5d4f	#6d5d4f
#c3ddcf	#c3ddcf	#0d2718	#0d2718	#fff4eb	#fff4eb	#483e34	#483e34
#e1eee7	#e1eee7	#06130c	#06130c	#fff9f5	#fff9f5	#241f1a	#241f1a
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe seagreen und Farbwert #ffdab9

Text- und Unterstreichungsfarben mit HTML-Tag a

Mit Befehl <a> wird ein Link erzeugt. Diesen kann man farblich gestalten.

Wir ändern für dieses Beispiel die Textfarbe von <a> auf Farbwert #ffdab9. Die Schriftart ändern wir auf courier new und setzen die Schriftgröße auf 9pt. Wir unterstreichen den Inhalt von <a> mit Hilfe eines doppelten Rahmens mit 2 Punkte Dicke in Farbe seagreen. Das ist mit HTML kaum möglich. Deshalb verwenden wir CSS.

<style type="text/css"><!--
  a { 
    color: #ffdab9; 
    border-bottom-width: 2pt; 
    font-size: 9pt; 
    border-bottom-style: double; 
    border-bottom-color: seagreen; 
    font-family: courier new;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zu a erfahren Sie in Verweise und Protokolle in HTML. Möglichkeiten vom hier gezeigten Tag a sind in der HTML Referenz bei <a> beschrieben.

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag span

Die Hintergrundfarbe soll sich von Farbe seagreen auf Farbwert #ffdab9 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <span> in Farbe seagreen vor.

Wir setzen z.B. die Hintergrundfarbe von <span> auf Farbe seagreen. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf arial. Die Schriftgröße setzen wir auf 11pt.

<style type="text/css"><!--
  span { 
    background-color:seagreen; 
    font-size:11pt; 
    font-family:arial;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #ffdab9 gesetzt wird.

<style type="text/css"><!--
  span: hover { 
    background-color: #ffdab9;
  }
//-->
</style>

Mehr zum HTML-Befehl span ist in der HTML Referenz bei <span> genau gezeigt.