Ressourcen: 8 Grundfarben in HTML - Kombination von Farbwert #000000 und Farbe lime

Die bunten Grundfarben entstehen dadurch, dass die Anteile von Rot, Grün und Blau jeweils paarweise maximal sind.

In HTML und CSS haben damit die entsprechenden Bestandteile den Wert hexadezimal ff, bzw. dezimal 255 bzw. prozentual 100%.

Hintergrundfarbwert #000000			Schriftfarbe lime
Detail	:	Hintergrund #000000	Detail	:	Schrift lime
Farbwert	:	#000000	Farbe	:	lime
Farbe	:	black	Farbwert	:	#00ff00
HTML	:	#000000	HTML	:	lime
HTML (Wert)	:	#000000	HTML (Wert)	:	#00ff00
CSS	:	#000000	CSS	:	lime
CSS (Wert)	:	#000000	CSS (Wert)	:	#00ff00
CSS (kürzest)	:	#000	CSS (kürzest)	:	#0f0
CSS (RGB)	:	rgb(0,0,0)	CSS (RGB)	:	rgb(0,255,0)
CSS (%RGB)	:	rgb(0%,0%,0%)	CSS (%RGB)	:	rgb(0%,100%,0%)

Verlauf Hintergrundfarbwert #000000 nach Schriftfarbe lime
#000000	#002400	#004800	#006d00	#009100	#00b600	#00da00	#00ff00
#000000	#002400	#004800	#006d00	#009100	#00b600	#00da00	#00ff00

Kombination von #000000 und lime
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				Die Ähnlichkeit von lime und #000000 beträgt 27.12%. Die Lesbarkeit dieser Kombination ergibt sich zu 72.88%. Auf Hintergrund #000000 ist lime ungeeignet. Zwar ist der Helligkeitsunterschied in Ordnung, doch die Farben selbst sind zu ähnlich.

Hintergrundfarbwert #000000				Schriftfarbe lime
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#000000	#000000	#000000	#000000	#00ff00	#00ff00	#00ff00	#00ff00
#242424	#242424	#000000	#000000	#24ff24	#24ff24	#00da00	#00da00
#484848	#484848	#000000	#000000	#48ff48	#48ff48	#00b600	#00b600
#6d6d6d	#6d6d6d	#000000	#000000	#6dff6d	#6dff6d	#009100	#009100
#919191	#919191	#000000	#000000	#91ff91	#91ff91	#006d00	#006d00
#b6b6b6	#b6b6b6	#000000	#000000	#b6ffb6	#b6ffb6	#004800	#004800
#dadada	#dadada	#000000	#000000	#daffda	#daffda	#002400	#002400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #000000 und Farbe lime

Füllen und Umranden von Tag hr

Für dieses Beispiel umranden wir <hr> mit einem . Den Hintergrund von <hr> färben wir entsprechend mit Farbwert #000000. Mit HTML geht das nicht. Daher nutzen wir dafür CSS.

<style type="text/css"><!--
  hr { border:5px outset lime; background-color:#000000; }
//-->
</style>

Weiteres zum Thema hr erfahren Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten vom HTML-Befehl hr erfahren Sie in der HTML Referenz unter <hr>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag a

Ein Link wird mit HTML-Befehl <a> gesetzt. Er kann hervorgehoben und farblich gestaltet werden.

Die Hintergrundfarbe soll sich von Farbwert #000000 auf Farbe lime ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst die Formatierung von <a> in Farbwert #000000 vor.

Wir legen z.B. Farbwert #000000 als Hintergrundfarbe von <a> fest. Die Textfarbe ändern wir nicht, ändern jedoch die Schriftart auf arial. Die Größe der Schrift verringern wir auf 83%:

<style type="text/css"><!--
  a { 
    font-family: arial; 
    background-color: #000000; 
    font-size: 83%;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu lime ändert.

<style type="text/css"><!--
  a:hover { 
    background-color:lime;
  }
//-->
</style>

Mehr zum Thema a finden Sie in Verweise und Protokolle in HTML. Mehr zum hier genutzten HTML-Tag a ist in der HTML Referenz unter <a> ausführlich beschrieben.