Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lime und Farbwert #ff1493

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 lime			Schriftfarbwert #ff1493
Detail	:	Hintergrund lime	Detail	:	Schrift #ff1493
Farbe	:	lime	Farbwert	:	#ff1493
Farbwert	:	#00ff00	Farbe	:	deeppink
HTML	:	lime	HTML	:	#ff1493
HTML (Wert)	:	#00ff00	HTML (Wert)	:	#ff1493
CSS	:	lime	CSS	:	#ff1493
CSS (Wert)	:	#00ff00	CSS (Wert)	:	#ff1493
CSS (kürzest)	:	#0f0	CSS (kürzest)	:	#ff1493
CSS (RGB)	:	rgb(0,255,0)	CSS (RGB)	:	rgb(255,20,147)
CSS (%RGB)	:	rgb(0%,100%,0%)	CSS (%RGB)	:	rgb(100%,7%,57%)

Verlauf Hintergrundfarbe lime nach Schriftfarbwert #ff1493
#00ff00	#24dd15	#48bb2a	#6d9a3f	#917854	#b65769	#da357e	#ff1493
#00ff00	#24dd15	#48bb2a	#6d9a3f	#917854	#b65769	#da357e	#ff1493

Kombination von lime und #ff1493
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				#ff1493 eignet sich nicht als Schriftfarbe auf Hintergrund lime. Zwar ist der Farbunterschied ok, der Helligkeitsunterschied ist jedoch zu gering. Die Ähnlichkeit der Farben #ff1493 und lime ergibt sich zu 87.38%. Die Lesbarkeit dieser Kombination ergibt sich zu 12.62%.

Hintergrundfarbe lime				Schriftfarbwert #ff1493
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ff00	#00ff00	#00ff00	#00ff00	#ff1493	#ff1493	#ff1493	#ff1493
#24ff24	#24ff24	#00da00	#00da00	#ff35a2	#ff35a2	#da117e	#da117e
#48ff48	#48ff48	#00b600	#00b600	#ff57b1	#ff57b1	#b60e69	#b60e69
#6dff6d	#6dff6d	#009100	#009100	#ff78c1	#ff78c1	#910b54	#910b54
#91ff91	#91ff91	#006d00	#006d00	#ff9ad0	#ff9ad0	#6d083f	#6d083f
#b6ffb6	#b6ffb6	#004800	#004800	#ffbbe0	#ffbbe0	#48052a	#48052a
#daffda	#daffda	#002400	#002400	#ffddef	#ffddef	#240215	#240215
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lime und Farbwert #ff1493

Hintergrund/Text-Kombination bei HTML-Tag s

Für dieses Beispiel ändern wir die Textfarbe von <s> auf Farbwert #ff1493 und die Hintergrundfarbe von <s> auf Farbe lime. Die Schriftart ändern wir auf monospace. Als Schriftgröße entscheiden wir uns für 110%.

<style type="text/css"><!--
  s { 
    font-family: monospace; 
    background-color: lime; 
    font-size: 110%; 
    color: #ff1493;
  }
//-->
</style>

Weiteres zum Thema können Sie in Text in HTML erfahren. Einzelheiten des hier gezeigten Befehl <s>.

Wechsel der Textfarbe bei Hover mit Tag tbody

Die Textfarbe soll sich von Farbe lime auf Farbwert #ff1493 ändern, wenn man mit der Maus auf <tbody> zeigt. Wir bereiten zunächst die Darstellung von <tbody> in Farbe lime vor.

Wir ändern zum Beispiel die Textfarbe von <tbody> auf Farbe lime. Die Hintergrundfarbe behalten wir bei, setzen jedoch die Schriftart auf verdana.

<style type="text/css"><!--
  tbody { 
    color:lime; 
    font-family:verdana;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe zu #ff1493 ändert.

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

Weiteres zum Thema können Sie in Tabellen in HTML nachsehen. Möglichkeiten vom hier verwendeten Befehl tbody sind in der HTML Referenz bei <tbody> genau beschrieben.