Ressourcen: 120 HTML Farbnamen - Kombination von Farbe springgreen und Farbwert #fff0f5

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 springgreen			Schriftfarbwert #fff0f5
Detail	:	Hintergrund springgreen	Detail	:	Schrift #fff0f5
Farbe	:	springgreen	Farbwert	:	#fff0f5
Farbwert	:	#00ff7f	Farbe	:	lavenderblush
HTML	:	springgreen	HTML	:	#fff0f5
HTML (Wert)	:	#00ff7f	HTML (Wert)	:	#fff0f5
CSS	:	springgreen	CSS	:	#fff0f5
CSS (Wert)	:	#00ff7f	CSS (Wert)	:	#fff0f5
CSS (kürzest)	:	#00ff7f	CSS (kürzest)	:	#fff0f5
CSS (RGB)	:	rgb(0,255,127)	CSS (RGB)	:	rgb(255,240,245)
CSS (%RGB)	:	rgb(0%,100%,49%)	CSS (%RGB)	:	rgb(100%,94%,96%)

Verlauf Hintergrundfarbe springgreen nach Schriftfarbwert #fff0f5
#00ff7f	#24fc8f	#48faa0	#6df8b1	#91f6c2	#b6f4d3	#daf2e4	#fff0f5
#00ff7f	#24fc8f	#48faa0	#6df8b1	#91f6c2	#b6f4d3	#daf2e4	#fff0f5

Kombination von springgreen und #fff0f5
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #fff0f5 und springgreen beträgt 94.19%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 5.81%. #fff0f5 eignet sich nicht als Schriftfarbe auf Hintergrund springgreen. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend.

Hintergrundfarbe springgreen				Schriftfarbwert #fff0f5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ff7f	#00ff7f	#00ff7f	#00ff7f	#fff0f5	#fff0f5	#fff0f5	#fff0f5
#24ff91	#24ff91	#00da6c	#00da6c	#fff2f6	#fff2f6	#dacdd2	#dacdd2
#48ffa3	#48ffa3	#00b65a	#00b65a	#fff4f7	#fff4f7	#b6abaf	#b6abaf
#6dffb5	#6dffb5	#009148	#009148	#fff6f9	#fff6f9	#91898c	#91898c
#91ffc8	#91ffc8	#006d36	#006d36	#fff8fa	#fff8fa	#6d6669	#6d6669
#b6ffda	#b6ffda	#004824	#004824	#fffafc	#fffafc	#484446	#484446
#daffec	#daffec	#002412	#002412	#fffcfd	#fffcfd	#242223	#242223
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe springgreen und Farbwert #fff0f5

Füllen und Umranden bei HTML-Befehl frame

In diesem Beispiel umranden wir <frame> mit einem herausstehenden, 2 Punkte dicken Rahmen in Farbwert #fff0f5 . Den Hintergrund von <frame> färben wir mit Farbe springgreen. Das geht in HTML kaum. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  frame { border:2pt outset #fff0f5; background-color:springgreen; }
//-->
</style>

Die Beschreibung vom hier gezeigten Tag frame finden Sie in der HTML Referenz unter <frame>.

Wechsel der Umrandung bei Hover bei HTML-Befehl select

Die Rahmenfarbe soll sich von Farbe springgreen auf Farbwert #fff0f5 ändern, wenn man mit der Maus auf <select> zeigt. Bereiten wir zunächst eine Formatierung von <select> in Farbe springgreen vor.

In diesem Beispiel umranden wir <select> mit einem 2 Pixel dicken, gestrichelten Rahmen in Farbe springgreen.

<style type="text/css"><!--
  select { border:2px dashed springgreen; }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Rahmenfarbe auf #fff0f5 ändert.

<style type="text/css"><!--
  select: hover { 
    border-color: #fff0f5;
  }
//-->
</style>

Mehr zum Thema select finden Sie in Formulare in HTML. Möglichkeiten des hier verwendeten HTML-Befehl <select>.