Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #00ff7f und Farbe darkolivegreen

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.

Hintergrundfarbwert #00ff7f			Schriftfarbe darkolivegreen
Detail	:	Hintergrund #00ff7f	Detail	:	Schrift darkolivegreen
Farbwert	:	#00ff7f	Farbe	:	darkolivegreen
Farbe	:	springgreen	Farbwert	:	#556b2f
HTML	:	#00ff7f	HTML	:	darkolivegreen
HTML (Wert)	:	#00ff7f	HTML (Wert)	:	#556b2f
CSS	:	#00ff7f	CSS	:	darkolivegreen
CSS (Wert)	:	#00ff7f	CSS (Wert)	:	#556b2f
CSS (kürzest)	:	#00ff7f	CSS (kürzest)	:	#556b2f
CSS (RGB)	:	rgb(0,255,127)	CSS (RGB)	:	rgb(85,107,47)
CSS (%RGB)	:	rgb(0%,100%,49%)	CSS (%RGB)	:	rgb(33%,41%,18%)

Verlauf Hintergrundfarbwert #00ff7f nach Schriftfarbe darkolivegreen
#00ff7f	#0ce973	#18d468	#24bf5c	#30aa51	#3c9545	#48803a	#556b2f
#00ff7f	#0ce973	#18d468	#24bf5c	#30aa51	#3c9545	#48803a	#556b2f

Kombination von #00ff7f und darkolivegreen
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				darkolivegreen ist nicht als Schriftfarbe auf Hintergrund #00ff7f geeignet, weil sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben darkolivegreen und #00ff7f beträgt 78.94%. Die Lesbarkeit dieser Kombination ergibt sich zu 21.06%.

Hintergrundfarbwert #00ff7f				Schriftfarbe darkolivegreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ff7f	#00ff7f	#00ff7f	#00ff7f	#556b2f	#556b2f	#556b2f	#556b2f
#24ff91	#24ff91	#00da6c	#00da6c	#6d804c	#6d804c	#485b28	#485b28
#48ffa3	#48ffa3	#00b65a	#00b65a	#85956a	#85956a	#3c4c21	#3c4c21
#6dffb5	#6dffb5	#009148	#009148	#9daa88	#9daa88	#303d1a	#303d1a
#91ffc8	#91ffc8	#006d36	#006d36	#b6bfa5	#b6bfa5	#242d14	#242d14
#b6ffda	#b6ffda	#004824	#004824	#ced4c3	#ced4c3	#181e0d	#181e0d
#daffec	#daffec	#002412	#002412	#e6e9e1	#e6e9e1	#0c0f06	#0c0f06
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #00ff7f und Farbe darkolivegreen

Wechsel der Textfarbe bei Hover bei Tag a

Mit Befehl <a> setzen Sie einen Link. Dieser kann farblich gestaltet und hervorgehoben werden.

Die Textfarbe soll sich von Farbwert #00ff7f auf Farbe darkolivegreen ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <a> in Farbwert #00ff7f vor.

Wir legen hier Farbwert #00ff7f als Textfarbe von <a> fest. Die Schriftgröße setzen wir auf 123%:

<style type="text/css"><!--
  a { 
    font-size:123%; 
    color:#00ff7f;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe zu darkolivegreen ändert.

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

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML erfahren. Mehr zum hier genutzten HTML-Tag <a>.

Füllen und Umranden mit Tag img

In diesem Beispiel umranden wir <img> mit einem gepunkteten, 4 Punkte dicken Rahmen in Farbe darkolivegreen . Die Hintergrundfarbe für <img> färben wir mit Farbwert #00ff7f. In HTML ist das nicht möglich. Daher verwenden wir CSS.

<style type="text/css"><!--
  img { 
    border-color: darkolivegreen; 
    background-color: #00ff7f; 
    border-width: 4pt; 
    border-style: dotted;
  }
//-->
</style>

Mehr zu img können Sie in Grafik in HTML nachlesen. Zur Beschreibung vom HTML-Tag <img>.