Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #0000cd und Farbwert #00ff7f

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.

Hintergrundfarbwert #0000cd			Schriftfarbwert #00ff7f
Detail	:	Hintergrund #0000cd	Detail	:	Schrift #00ff7f
Farbwert	:	#0000cd	Farbwert	:	#00ff7f
Farbe	:	mediumblue	Farbe	:	springgreen
HTML	:	#0000cd	HTML	:	#00ff7f
HTML (Wert)	:	#0000cd	HTML (Wert)	:	#00ff7f
CSS	:	#0000cd	CSS	:	#00ff7f
CSS (Wert)	:	#0000cd	CSS (Wert)	:	#00ff7f
CSS (kürzest)	:	#0000cd	CSS (kürzest)	:	#00ff7f
CSS (RGB)	:	rgb(0,0,205)	CSS (RGB)	:	rgb(0,255,127)
CSS (%RGB)	:	rgb(0%,0%,80%)	CSS (%RGB)	:	rgb(0%,100%,49%)

Verlauf Hintergrundfarbwert #0000cd nach Schriftfarbwert #00ff7f
#0000cd	#0024c1	#0048b6	#006dab	#0091a0	#00b695	#00da8a	#00ff7f
#0000cd	#0024c1	#0048b6	#006dab	#0091a0	#00b695	#00da8a	#00ff7f

Kombination von #0000cd und #00ff7f
Cras vestibulum tristique erat, ac interdum justo cursus in. 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 id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #0000cd ist #00ff7f ungeeignet. Zwar ist der Helligkeitsunterschied ok, die Farben selbst sind zu ähnlich. Die Ähnlichkeit der Farben #00ff7f und #0000cd beträgt 60.49%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 39.51%.

Hintergrundfarbwert #0000cd				Schriftfarbwert #00ff7f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#0000cd	#0000cd	#0000cd	#0000cd	#00ff7f	#00ff7f	#00ff7f	#00ff7f
#2424d4	#2424d4	#0000af	#0000af	#24ff91	#24ff91	#00da6c	#00da6c
#4848db	#4848db	#000092	#000092	#48ffa3	#48ffa3	#00b65a	#00b65a
#6d6de2	#6d6de2	#000075	#000075	#6dffb5	#6dffb5	#009148	#009148
#9191e9	#9191e9	#000057	#000057	#91ffc8	#91ffc8	#006d36	#006d36
#b6b6f0	#b6b6f0	#00003a	#00003a	#b6ffda	#b6ffda	#004824	#004824
#dadaf7	#dadaf7	#00001d	#00001d	#daffec	#daffec	#002412	#002412
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #0000cd und Farbwert #00ff7f

Zebra-Effekt von HTML-Tag th

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man vom Zebra-Effekt. Dieser Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <th> mit unterschiedlichen Hintergrundfarben Farbwert #0000cd und Farbwert #00ff7f.

<style type="text/css"><!--
  th.even { 
    background-color:#0000cd;
  }
  th.odd { 
    background-color: #00ff7f;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd genutzt.

<table>
<tr><td class="even">TA/A</td><td class="odd">TB/A</td><td class="even">TC/A</td></tr>
<tr><td class="even">TA/B</td><td class="odd">TB/B</td><td class="even">TC/B</td></tr>
<tr><td class="even">TA/C</td><td class="odd">TB/C</td><td class="even">TC/C</td></tr>
</table>

Weiteres zu th können Sie in Tabellen in HTML lesen. Mehr zum Tag <th>.

Wechsel der Hintergrundfarbe bei Hover mit Tag button

Die Hintergrundfarbe soll sich von Farbwert #0000cd auf Farbwert #00ff7f ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <button> in Farbwert #0000cd vor.

Wir setzen z.B. bei <button> die Hintergrundfarbe auf Farbwert #0000cd. Die Schriftgröße setzen wir auf 13px:

<style type="text/css"><!--
  button { 
    background-color:#0000cd; 
    font-size:13px;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu #00ff7f ändert.

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

Mehr zum Thema lesen Sie in Formulare in HTML. Möglichkeiten vom Befehl <button>.