Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #6b8e23 und Farbwert #32cd32

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 #6b8e23			Schriftfarbwert #32cd32
Detail	:	Hintergrund #6b8e23	Detail	:	Schrift #32cd32
Farbwert	:	#6b8e23	Farbwert	:	#32cd32
Farbe	:	olivedrab	Farbe	:	limegreen
HTML	:	#6b8e23	HTML	:	#32cd32
HTML (Wert)	:	#6b8e23	HTML (Wert)	:	#32cd32
CSS	:	#6b8e23	CSS	:	#32cd32
CSS (Wert)	:	#6b8e23	CSS (Wert)	:	#32cd32
CSS (kürzest)	:	#6b8e23	CSS (kürzest)	:	#32cd32
CSS (RGB)	:	rgb(107,142,35)	CSS (RGB)	:	rgb(50,205,50)
CSS (%RGB)	:	rgb(41%,55%,13%)	CSS (%RGB)	:	rgb(19%,80%,19%)

Verlauf Hintergrundfarbwert #6b8e23 nach Schriftfarbwert #32cd32
#6b8e23	#629725	#5aa027	#52a929	#4ab22b	#42bb2d	#3ac42f	#32cd32
#6b8e23	#629725	#5aa027	#52a929	#4ab22b	#42bb2d	#3ac42f	#32cd32

Kombination von #6b8e23 und #32cd32
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.				Die Ähnlichkeit der Farben #32cd32 und #6b8e23 ergibt sich zu 91.45%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 8.55%. #32cd32 eignet sich nicht als Schriftfarbe auf Hintergrund #6b8e23, weil weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind.

Hintergrundfarbwert #6b8e23				Schriftfarbwert #32cd32
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6b8e23	#6b8e23	#6b8e23	#6b8e23	#32cd32	#32cd32	#32cd32	#32cd32
#809e42	#809e42	#5b791e	#5b791e	#4fd44f	#4fd44f	#2aaf2a	#2aaf2a
#95ae61	#95ae61	#4c6519	#4c6519	#6cdb6c	#6cdb6c	#239223	#239223
#aabe81	#aabe81	#3d5114	#3d5114	#89e289	#89e289	#1c751c	#1c751c
#bfcea0	#bfcea0	#2d3c0f	#2d3c0f	#a7e9a7	#a7e9a7	#155715	#155715
#d4dec0	#d4dec0	#1e280a	#1e280a	#c4f0c4	#c4f0c4	#0e3a0e	#0e3a0e
#e9eedf	#e9eedf	#0f1405	#0f1405	#e1f7e1	#e1f7e1	#071d07	#071d07
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #6b8e23 und Farbwert #32cd32

Wechsel der Umrandung bei Hover mit HTML-Befehl var

Die Rahmenfarbe soll sich von Farbwert #6b8e23 auf Farbwert #32cd32 ändern, wenn man mit der Maus auf <var> zeigt. Wir bereiten zunächst die Darstellung von <var> in Farbwert #6b8e23 vor.

In diesem Beispiel umranden wir <var> mit einem 4 Pixel dicken, gezahnten Rahmen in Farbwert #6b8e23.

<style type="text/css"><!--
  var { 
    border-color:#6b8e23; 
    border-width:4px; 
    border-style:ridge;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf #32cd32 gesetzt wird.

<style type="text/css"><!--
  var: hover { 
    border-color: #32cd32;
  }
//-->
</style>

Mehr zum Thema lesen Sie in Text in HTML. Weiteres zum hier gezeigten Tag var lesen Sie in der HTML Referenz unter <var>.

Text- und Unterstreichungsfarben von HTML-Tag a

Mit HTML-Befehl <a> setzen Sie einen Link und kann farblich gestaltet werden.

Bei diesem Beispiel ändern wir die Textfarbe von <a> auf Farbwert #32cd32 und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf monospace. Die Schriftgröße ändern wir auf 13px. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gezahnten Rahmens mit 4 Pixel Dicke in Farbwert #6b8e23. In HTML ist das kaum möglich. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  a { 
    color: #32cd32; 
    border-bottom-color: #6b8e23; 
    font-size: 13px; 
    border-bottom-width: 4px; 
    border-bottom-style: ridge; 
    font-family: monospace;
  }
//-->
</style>

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

Mehr zum Thema a lesen Sie in Verweise und Protokolle in HTML. Möglichkeiten vom hier gezeigten HTML-Befehl <a>.