Ressourcen: 120 HTML Farbnamen - Kombination von Farbe hotpink und Farbwert #00fa9a

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 hotpink			Schriftfarbwert #00fa9a
Detail	:	Hintergrund hotpink	Detail	:	Schrift #00fa9a
Farbe	:	hotpink	Farbwert	:	#00fa9a
Farbwert	:	#ff69b4	Farbe	:	mediumspringgreen
HTML	:	hotpink	HTML	:	#00fa9a
HTML (Wert)	:	#ff69b4	HTML (Wert)	:	#00fa9a
CSS	:	hotpink	CSS	:	#00fa9a
CSS (Wert)	:	#ff69b4	CSS (Wert)	:	#00fa9a
CSS (kürzest)	:	#ff69b4	CSS (kürzest)	:	#00fa9a
CSS (RGB)	:	rgb(255,105,180)	CSS (RGB)	:	rgb(0,250,154)
CSS (%RGB)	:	rgb(100%,41%,70%)	CSS (%RGB)	:	rgb(0%,98%,60%)

Verlauf Hintergrundfarbe hotpink nach Schriftfarbwert #00fa9a
#ff69b4	#da7db0	#b692ac	#91a7a8	#6dbba5	#48d0a1	#24e59d	#00fa9a
#ff69b4	#da7db0	#b692ac	#91a7a8	#6dbba5	#48d0a1	#24e59d	#00fa9a

Kombination von hotpink und #00fa9a
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.				#00fa9a ist nicht als Schriftfarbe auf Hintergrund hotpink geeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering. Die Ähnlichkeit der Farben #00fa9a und hotpink beträgt 90.91%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 9.09%.

Hintergrundfarbe hotpink				Schriftfarbwert #00fa9a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff69b4	#ff69b4	#ff69b4	#ff69b4	#00fa9a	#00fa9a	#00fa9a	#00fa9a
#ff7ebe	#ff7ebe	#da5a9a	#da5a9a	#24faa8	#24faa8	#00d684	#00d684
#ff93c9	#ff93c9	#b64b80	#b64b80	#48fbb6	#48fbb6	#00b26e	#00b26e
#ffa9d4	#ffa9d4	#913c66	#913c66	#6dfcc5	#6dfcc5	#008e58	#008e58
#ffbede	#ffbede	#6d2d4d	#6d2d4d	#91fcd3	#91fcd3	#006b42	#006b42
#ffd4e9	#ffd4e9	#481e33	#481e33	#b6fde2	#b6fde2	#00472c	#00472c
#ffe9f4	#ffe9f4	#240f19	#240f19	#dafef0	#dafef0	#002316	#002316
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe hotpink und Farbwert #00fa9a

Text- und Unterstreichungsfarben mit Tag h4

Eine Überschrift der 4. Stufe setzt man mit Tag <h4>. Sie kann hervorgehoben und farblich gestaltet werden.

Hier ändern wir die Textfarbe von <h4> auf Farbwert #00fa9a. Die Schriftart setzen wir auf verdana und setzen die Schriftgröße auf 123%. Wir unterstreichen den Inhalt von <h4> mit Hilfe eines einfallenden Rahmens mit 5 Pixel Dicke in Farbe hotpink. In HTML ist das kaum möglich. Wir verwenden daher CSS.

<style type="text/css"><!--
  h4 { 
    border-bottom:5px inset hotpink; 
    color:#00fa9a; 
    font-family:verdana; 
    font-size:123%;
  }
//-->
</style>

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

Weiteres zu h4 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Weiteres zum Befehl <h4>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl col

Die Hintergrundfarbe soll sich von Farbe hotpink auf Farbwert #00fa9a ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <col> in Farbe hotpink vor.

In diesem Beispiel legen wir die Hintergrundfarbe von <col> auf Farbe hotpink fest und setzen die Schriftgröße auf 125%:

<style type="text/css"><!--
  col { 
    font-size: 125%; 
    background-color: hotpink;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Hintergrundfarbe auf #00fa9a ändert.

<style type="text/css"><!--
  col:hover { 
    background-color:#00fa9a;
  }
//-->
</style>

Mehr zum Thema col können Sie in Tabellen in HTML erfahren. Einzelheiten vom Befehl col sind in der HTML Referenz unter <col> genau gezeigt.