Ressourcen: 120 HTML Farbnamen - Kombination von Farbe floralwhite und Farbwert #adff2f

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 floralwhite			Schriftfarbwert #adff2f
Detail	:	Hintergrund floralwhite	Detail	:	Schrift #adff2f
Farbe	:	floralwhite	Farbwert	:	#adff2f
Farbwert	:	#fffaf0	Farbe	:	greenyellow
HTML	:	floralwhite	HTML	:	#adff2f
HTML (Wert)	:	#fffaf0	HTML (Wert)	:	#adff2f
CSS	:	floralwhite	CSS	:	#adff2f
CSS (Wert)	:	#fffaf0	CSS (Wert)	:	#adff2f
CSS (kürzest)	:	#fffaf0	CSS (kürzest)	:	#adff2f
CSS (RGB)	:	rgb(255,250,240)	CSS (RGB)	:	rgb(173,255,47)
CSS (%RGB)	:	rgb(100%,98%,94%)	CSS (%RGB)	:	rgb(67%,100%,18%)

Verlauf Hintergrundfarbe floralwhite nach Schriftfarbwert #adff2f
#fffaf0	#f3fad4	#e7fbb8	#dbfc9d	#d0fc81	#c4fd66	#b8fe4a	#adff2f
#fffaf0	#f3fad4	#e7fbb8	#dbfc9d	#d0fc81	#c4fd66	#b8fe4a	#adff2f

Kombination von floralwhite 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				#adff2f eignet sich nicht als Schriftfarbe auf Hintergrund floralwhite. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit der Farben #adff2f und floralwhite beträgt 94.39%. Die Lesbarkeit dieser Kombination ergibt sich zu 5.61%.

Hintergrundfarbe floralwhite				Schriftfarbwert #adff2f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffaf0	#fffaf0	#fffaf0	#fffaf0	#adff2f	#adff2f	#adff2f	#adff2f
#fffaf2	#fffaf2	#dad6cd	#dad6cd	#b8ff4c	#b8ff4c	#94da28	#94da28
#fffbf4	#fffbf4	#b6b2ab	#b6b2ab	#c4ff6a	#c4ff6a	#7bb621	#7bb621
#fffcf6	#fffcf6	#918e89	#918e89	#d0ff88	#d0ff88	#62911a	#62911a
#fffcf8	#fffcf8	#6d6b66	#6d6b66	#dbffa5	#dbffa5	#4a6d14	#4a6d14
#fffdfa	#fffdfa	#484744	#484744	#e7ffc3	#e7ffc3	#31480d	#31480d
#fffefc	#fffefc	#242322	#242322	#f3ffe1	#f3ffe1	#182406	#182406
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe floralwhite und Farbwert #adff2f

Wechsel der Umrandung bei Hover bei Befehl center

Die Rahmenfarbe soll sich von Farbe floralwhite auf Farbwert #adff2f ändern, wenn man mit der Maus auf <center> zeigt. Bereiten wir zunächst die Formatierung von <center> in Farbe floralwhite vor.

In diesem Beispiel umranden wir <center> mit einem 5 Pixel dicken, gezahnten Rahmen in Farbe floralwhite.

<style type="text/css"><!--
  center { border:5px ridge floralwhite; }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #adff2f gesetzt wird.

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

Mehr zu center können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Mehr zum hier gezeigten HTML-Befehl center lesen Sie in der HTML Referenz unter <center>.

Text- und Unterstreichungsfarben bei Befehl h2

Mit HTML-Tag <h2> setzen Sie eine Überschrift der 2. Stufe. Diese können Sie farblich gestalten.

Hier ändern wir die Textfarbe von <h2> auf Farbwert #adff2f und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf monospace und erhöhen die Schriftgröße auf 113%. Wir unterstreichen den Inhalt von <h2> mit Hilfe eines gezahnten Rahmens mit 4 Pixel Dicke in Farbe floralwhite. Mit HTML ist das kaum möglich. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  h2 { 
    border-bottom: 4px ridge floralwhite; 
    color: #adff2f; 
    font-family: monospace; 
    font-size: 113%;
  }
//-->
</style>

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

Mehr zum Thema h2 können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Der hier gezeigte HTML-Tag h2 ist in der HTML Referenz unter <h2> genau beschrieben.