Ressourcen: 137 HTML Farbnamen - Kombination von Farbe wheat und Farbwert #00ffff

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 wheat			Schriftfarbwert #00ffff
Detail	:	Hintergrund wheat	Detail	:	Schrift #00ffff
Farbe	:	wheat	Farbwert	:	#00ffff
Farbwert	:	#f5deb3	Farbe	:	aqua
HTML	:	wheat	HTML	:	#00ffff
HTML (Wert)	:	#f5deb3	HTML (Wert)	:	#00ffff
CSS	:	wheat	CSS	:	#00ffff
CSS (Wert)	:	#f5deb3	CSS (Wert)	:	#00ffff
CSS (kürzest)	:	#f5deb3	CSS (kürzest)	:	#0ff
CSS (RGB)	:	rgb(245,222,179)	CSS (RGB)	:	rgb(0,255,255)
CSS (%RGB)	:	rgb(96%,87%,70%)	CSS (%RGB)	:	rgb(0%,100%,100%)

Verlauf Hintergrundfarbe wheat nach Schriftfarbwert #00ffff
#f5deb3	#d2e2bd	#afe7c8	#8cecd3	#69f0de	#46f5e9	#23faf4	#00ffff
#f5deb3	#d2e2bd	#afe7c8	#8cecd3	#69f0de	#46f5e9	#23faf4	#00ffff

Kombination von wheat und #00ffff
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 #00ffff und wheat ergibt sich zu 95.01%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 4.99%. Auf Hintergrund wheat ist #00ffff ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbe wheat				Schriftfarbwert #00ffff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f5deb3	#f5deb3	#f5deb3	#f5deb3	#00ffff	#00ffff	#00ffff	#00ffff
#f6e2bd	#f6e2bd	#d2be99	#d2be99	#24ffff	#24ffff	#00dada	#00dada
#f7e7c8	#f7e7c8	#af9e7f	#af9e7f	#48ffff	#48ffff	#00b6b6	#00b6b6
#f9ecd3	#f9ecd3	#8c7e66	#8c7e66	#6dffff	#6dffff	#009191	#009191
#faf0de	#faf0de	#695f4c	#695f4c	#91ffff	#91ffff	#006d6d	#006d6d
#fcf5e9	#fcf5e9	#463f33	#463f33	#b6ffff	#b6ffff	#004848	#004848
#fdfaf4	#fdfaf4	#231f19	#231f19	#daffff	#daffff	#002424	#002424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe wheat und Farbwert #00ffff

Wechsel der Textfarbe bei Hover von Tag p

Die Textfarbe soll sich von Farbe wheat auf Farbwert #00ffff ändern, wenn man mit der Maus auf <p> zeigt. Bereiten wir zunächst die Formatierung von <p> in Farbe wheat vor.

Wir legen in diesem Beispiel Farbe wheat als Textfarbe von <p> fest:

<style type="text/css"><!--
  p { 
    color:wheat;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Textfarbe auf #00ffff ändert.

<style type="text/css"><!--
  p: hover { 
    color: #0ff;
  }
//-->
</style>

Mehr zum Thema p können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Die Beschreibung vom hier genutzten HTML-Tag p finden Sie in der HTML Referenz unter <p>.

Hintergrund/Text-Kombination mit HTML-Befehl h5

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

Hier ändern wir die Textfarbe von <h5> auf Farbwert #00ffff und die Hintergrundfarbe von <h5> auf Farbe wheat. Als Schriftart wählen wir sans-serif. Als Schriftgröße entscheiden wir uns für 14px.

<style type="text/css"><!--
  h5 { 
    background-color:wheat; 
    color:#00ffff; 
    font-size:14px; 
    font-family:sans-serif;
  }
//-->
</style>

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Möglichkeiten vom HTML-Tag h5 finden Sie in der HTML Referenz unter <h5>.