Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #fafad2 und Farbwert #ffa500

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 #fafad2			Schriftfarbwert #ffa500
Detail	:	Hintergrund #fafad2	Detail	:	Schrift #ffa500
Farbwert	:	#fafad2	Farbwert	:	#ffa500
Farbe	:	lightgoldenrodyellow	Farbe	:	orange
HTML	:	#fafad2	HTML	:	#ffa500
HTML (Wert)	:	#fafad2	HTML (Wert)	:	#ffa500
CSS	:	#fafad2	CSS	:	#ffa500
CSS (Wert)	:	#fafad2	CSS (Wert)	:	#ffa500
CSS (kürzest)	:	#fafad2	CSS (kürzest)	:	#ffa500
CSS (RGB)	:	rgb(250,250,210)	CSS (RGB)	:	rgb(255,165,0)
CSS (%RGB)	:	rgb(98%,98%,82%)	CSS (%RGB)	:	rgb(100%,64%,0%)

Verlauf Hintergrundfarbwert #fafad2 nach Schriftfarbwert #ffa500
#fafad2	#faedb4	#fbe196	#fcd578	#fcc95a	#fdbd3c	#feb11e	#ffa500
#fafad2	#faedb4	#fbe196	#fcd578	#fcc95a	#fdbd3c	#feb11e	#ffa500

Kombination von #fafad2 und #ffa500
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Cras id velit ante.				Auf Hintergrund #fafad2 ist #ffa500 ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit von #ffa500 und #fafad2 beträgt 91.19%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 8.81%.

Hintergrundfarbwert #fafad2				Schriftfarbwert #ffa500
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fafad2	#fafad2	#fafad2	#fafad2	#ffa500	#ffa500	#ffa500	#ffa500
#fafad8	#fafad8	#d6d6b4	#d6d6b4	#ffb124	#ffb124	#da8d00	#da8d00
#fbfbde	#fbfbde	#b2b296	#b2b296	#ffbe48	#ffbe48	#b67500	#b67500
#fcfce5	#fcfce5	#8e8e78	#8e8e78	#ffcb6d	#ffcb6d	#915e00	#915e00
#fcfceb	#fcfceb	#6b6b5a	#6b6b5a	#ffd891	#ffd891	#6d4600	#6d4600
#fdfdf2	#fdfdf2	#47473c	#47473c	#ffe5b6	#ffe5b6	#482f00	#482f00
#fefef8	#fefef8	#23231e	#23231e	#fff2da	#fff2da	#241700	#241700
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fafad2 und Farbwert #ffa500

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag thead

Die Hintergrundfarbe soll sich von Farbwert #fafad2 auf Farbwert #ffa500 ändern, wenn man mit der Maus auf <thead> zeigt. Wir bereiten zunächst die Darstellung von <thead> in Farbwert #fafad2 vor.

In diesem Beispiel legen wir Farbwert #fafad2 als Hintergrundfarbe von <thead> fest und verringern die Größe der Schrift auf 96%.

<style type="text/css"><!--
  thead { 
    background-color:#fafad2; 
    font-size:96%;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Hintergrundfarbe zu #ffa500 ändert.

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

Weiteres zum Thema thead finden Sie in Tabellen in HTML. Die Beschreibung vom HTML-Tag thead lesen Sie in der HTML Referenz unter <thead>.

Füllen und Umranden mit Befehl h3

Mit HTML-Befehl <h3> wird eine Überschrift der 3. Stufe erzeugt. Diese kann farblich gestaltet und hervorgehoben werden.

Hier umranden wir <h3> mit einem einfallenden, 4 Punkte dicken Rahmen in Farbwert #ffa500 . Den Hintergrund von <h3> setzen wir auf Farbwert #fafad2. Dies ist mit HTML nicht möglich. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  h3 { 
    border-color: #ffa500; 
    background-color: #fafad2; 
    border-style: inset; 
    border-width: 4pt;
  }
//-->
</style>

Mehr zu h3 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Die Beschreibung des hier verwendeten Befehl h3 lesen Sie in der HTML Referenz unter <h3>.