Ressourcen: 120 HTML Farbnamen - Kombination von Farbe greenyellow und Farbwert #32cd32

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.

Hintergrundfarbe greenyellow			Schriftfarbwert #32cd32
Detail	:	Hintergrund greenyellow	Detail	:	Schrift #32cd32
Farbe	:	greenyellow	Farbwert	:	#32cd32
Farbwert	:	#adff2f	Farbe	:	limegreen
HTML	:	greenyellow	HTML	:	#32cd32
HTML (Wert)	:	#adff2f	HTML (Wert)	:	#32cd32
CSS	:	greenyellow	CSS	:	#32cd32
CSS (Wert)	:	#adff2f	CSS (Wert)	:	#32cd32
CSS (kürzest)	:	#adff2f	CSS (kürzest)	:	#32cd32
CSS (RGB)	:	rgb(173,255,47)	CSS (RGB)	:	rgb(50,205,50)
CSS (%RGB)	:	rgb(67%,100%,18%)	CSS (%RGB)	:	rgb(19%,80%,19%)

Verlauf Hintergrundfarbe greenyellow nach Schriftfarbwert #32cd32
#adff2f	#9bf72f	#89f02f	#78e930	#66e230	#55db31	#43d431	#32cd32
#adff2f	#9bf72f	#89f02f	#78e930	#66e230	#55db31	#43d431	#32cd32

Kombination von greenyellow und #32cd32
Cras id velit ante. 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 vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #32cd32 und greenyellow beträgt 91.78%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 8.22%. #32cd32 ist nicht als Schriftfarbe auf Hintergrund greenyellow geeignet, weil die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Hintergrundfarbe greenyellow				Schriftfarbwert #32cd32
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#adff2f	#adff2f	#adff2f	#adff2f	#32cd32	#32cd32	#32cd32	#32cd32
#b8ff4c	#b8ff4c	#94da28	#94da28	#4fd44f	#4fd44f	#2aaf2a	#2aaf2a
#c4ff6a	#c4ff6a	#7bb621	#7bb621	#6cdb6c	#6cdb6c	#239223	#239223
#d0ff88	#d0ff88	#62911a	#62911a	#89e289	#89e289	#1c751c	#1c751c
#dbffa5	#dbffa5	#4a6d14	#4a6d14	#a7e9a7	#a7e9a7	#155715	#155715
#e7ffc3	#e7ffc3	#31480d	#31480d	#c4f0c4	#c4f0c4	#0e3a0e	#0e3a0e
#f3ffe1	#f3ffe1	#182406	#182406	#e1f7e1	#e1f7e1	#071d07	#071d07
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe greenyellow und Farbwert #32cd32

Wechsel der Hintergrundfarbe bei Hover von Tag input

Die Hintergrundfarbe soll sich von Farbe greenyellow auf Farbwert #32cd32 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <input> in Farbe greenyellow vor.

Wir legen z.B. bei <input> die Hintergrundfarbe auf Farbe greenyellow fest. Die Größe der Schrift setzen wir auf 13px.

<style type="text/css"><!--
  input { 
    background-color:greenyellow; 
    font-size:13px;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Hintergrundfarbe auf #32cd32 ändert.

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

Weiteres zum Thema können Sie in Formulare in HTML lesen. Die Beschreibung des HTML-Befehl input erfahren Sie in der HTML Referenz unter <input>.

Text- und Unterstreichungsfarben von HTML-Tag q

Wir ändern für dieses Beispiel die Textfarbe von <q> auf Farbwert #32cd32. Die Schriftart ändern wir auf courier new und setzen die Schriftgröße auf 125%. Wir unterstreichen den Inhalt von <q> mit Hilfe eines herausstehenden Rahmens mit 5 Pixel Dicke in Farbe greenyellow. Mit HTML geht dies nicht. Deshalb nutzen wir hier CSS.

<style type="text/css"><!--
  q { 
    border-bottom: 5px outset greenyellow; 
    font-size: 125%; 
    color: #32cd32; 
    font-family: courier new;
  }
//-->
</style>

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

Der HTML-Befehl q ist in der HTML Referenz unter <q> ausführlich beschrieben.