Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #48d1cc und Farbe burlywood

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.

Hintergrundfarbwert #48d1cc			Schriftfarbe burlywood
Detail	:	Hintergrund #48d1cc	Detail	:	Schrift burlywood
Farbwert	:	#48d1cc	Farbe	:	burlywood
Farbe	:	mediumturquoise	Farbwert	:	#deb887
HTML	:	#48d1cc	HTML	:	burlywood
HTML (Wert)	:	#48d1cc	HTML (Wert)	:	#deb887
CSS	:	#48d1cc	CSS	:	burlywood
CSS (Wert)	:	#48d1cc	CSS (Wert)	:	#deb887
CSS (kürzest)	:	#48d1cc	CSS (kürzest)	:	#deb887
CSS (RGB)	:	rgb(72,209,204)	CSS (RGB)	:	rgb(222,184,135)
CSS (%RGB)	:	rgb(28%,81%,80%)	CSS (%RGB)	:	rgb(87%,72%,52%)

Verlauf Hintergrundfarbwert #48d1cc nach Schriftfarbe burlywood
#48d1cc	#5dcdc2	#72c9b8	#88c6ae	#9dc2a4	#b3bf9a	#c8bb90	#deb887
#48d1cc	#5dcdc2	#72c9b8	#88c6ae	#9dc2a4	#b3bf9a	#c8bb90	#deb887

Kombination von #48d1cc und burlywood
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von burlywood und #48d1cc ergibt sich zu 95.22%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 4.78%. Auf Hintergrund #48d1cc ist burlywood ungeeignet, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbwert #48d1cc				Schriftfarbe burlywood
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#48d1cc	#48d1cc	#48d1cc	#48d1cc	#deb887	#deb887	#deb887	#deb887
#62d7d3	#62d7d3	#3db3ae	#3db3ae	#e2c298	#e2c298	#be9d73	#be9d73
#7cdeda	#7cdeda	#339591	#339591	#e7cca9	#e7cca9	#9e8360	#9e8360
#96e4e1	#96e4e1	#297774	#297774	#ecd6ba	#ecd6ba	#7e694d	#7e694d
#b0ebe9	#b0ebe9	#1e5957	#1e5957	#f0e0cb	#f0e0cb	#5f4e39	#5f4e39
#caf1f0	#caf1f0	#143b3a	#143b3a	#f5eadc	#f5eadc	#3f3426	#3f3426
#e4f8f7	#e4f8f7	#0a1d1d	#0a1d1d	#faf4ed	#faf4ed	#1f1a13	#1f1a13
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #48d1cc und Farbe burlywood

Wechsel der Hintergrundfarbe bei Hover mit Befehl fieldset

Die Hintergrundfarbe soll sich von Farbwert #48d1cc auf Farbe burlywood ändern, wenn man mit der Maus auf <fieldset> zeigt. Wir bereiten zunächst die Formatierung von <fieldset> in Farbwert #48d1cc vor.

Zum Beispiel legen wir Farbwert #48d1cc als Hintergrundfarbe von <fieldset> fest. Die Textfarbe verändern wir nicht, setzen jedoch die Schriftart auf monospace. Die Schriftgröße ändern wir auf 13px:

<style type="text/css"><!--
  fieldset { 
    background-color:#48d1cc; 
    font-size:13px; 
    font-family:monospace;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe auf burlywood ändert.

<style type="text/css"><!--
  fieldset: hover { 
    background-color: burlywood;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Formulare in HTML. Einzelheiten vom Befehl fieldset sind in der HTML Referenz unter <fieldset> ausführlich beschrieben.