Ressourcen: 137 HTML Farbnamen - Kombination von Farbe palevioletred und Farbwert #adff2f

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.

Hintergrundfarbe palevioletred			Schriftfarbwert #adff2f
Detail	:	Hintergrund palevioletred	Detail	:	Schrift #adff2f
Farbe	:	palevioletred	Farbwert	:	#adff2f
Farbwert	:	#db7093	Farbe	:	greenyellow
HTML	:	palevioletred	HTML	:	#adff2f
HTML (Wert)	:	#db7093	HTML (Wert)	:	#adff2f
CSS	:	palevioletred	CSS	:	#adff2f
CSS (Wert)	:	#db7093	CSS (Wert)	:	#adff2f
CSS (kürzest)	:	#db7093	CSS (kürzest)	:	#adff2f
CSS (RGB)	:	rgb(219,112,147)	CSS (RGB)	:	rgb(173,255,47)
CSS (%RGB)	:	rgb(85%,43%,57%)	CSS (%RGB)	:	rgb(67%,100%,18%)

Verlauf Hintergrundfarbe palevioletred nach Schriftfarbwert #adff2f
#db7093	#d48484	#cd9876	#c7ad68	#c0c159	#bad64b	#b3ea3d	#adff2f
#db7093	#d48484	#cd9876	#c7ad68	#c0c159	#bad64b	#b3ea3d	#adff2f

Kombination von palevioletred und #adff2f
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. 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 von #adff2f und palevioletred beträgt 87.92%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 12.08%. #adff2f ist nicht als Schriftfarbe auf Hintergrund palevioletred geeignet, da die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe palevioletred				Schriftfarbwert #adff2f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#db7093	#db7093	#db7093	#db7093	#adff2f	#adff2f	#adff2f	#adff2f
#e084a2	#e084a2	#bb607e	#bb607e	#b8ff4c	#b8ff4c	#94da28	#94da28
#e598b1	#e598b1	#9c5069	#9c5069	#c4ff6a	#c4ff6a	#7bb621	#7bb621
#eaadc1	#eaadc1	#7d4054	#7d4054	#d0ff88	#d0ff88	#62911a	#62911a
#efc1d0	#efc1d0	#5d303f	#5d303f	#dbffa5	#dbffa5	#4a6d14	#4a6d14
#f4d6e0	#f4d6e0	#3e202a	#3e202a	#e7ffc3	#e7ffc3	#31480d	#31480d
#f9eaef	#f9eaef	#1f1015	#1f1015	#f3ffe1	#f3ffe1	#182406	#182406
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe palevioletred und Farbwert #adff2f

Wechsel der Hintergrundfarbe bei Hover von Tag h5

Eine Überschrift wird mit Befehl <h5> gesetzt und kann hervorgehoben und farblich gestaltet werden.

Die Hintergrundfarbe soll sich von Farbe palevioletred auf Farbwert #adff2f ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <h5> in Farbe palevioletred vor.

Wir legen für dieses Beispiel die Hintergrundfarbe von <h5> auf Farbe palevioletred fest. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf arial. Die Schriftgröße verringern wir auf 86%:

<style type="text/css"><!--
  h5 { 
    font-size:86%; 
    background-color:palevioletred; 
    font-family:arial;
  }
//-->
</style>

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

<style type="text/css"><!--
  h5:hover { 
    background-color:#adff2f;
  }
//-->
</style>

Weiteres zu h5 finden Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum hier gezeigten Befehl <h5>.

Hintergrund/Text-Kombination mit Befehl h2

Mit Tag <h2> wird eine Überschrift gesetzt. Diese kann man hervorheben und farblich gestalten.

Hier ändern wir die Textfarbe von <h2> auf Farbwert #adff2f und die Hintergrundfarbe von <h2> auf Farbe palevioletred. Die Schriftart setzen wir auf monospace und setzen die Schriftgröße auf 120%.

<style type="text/css"><!--
  h2 { 
    color:#adff2f; 
    font-family:monospace; 
    background-color:palevioletred; 
    font-size:120%;
  }
//-->
</style>

Mehr zu h2 finden Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des Befehl <h2>.