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

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 #ffdab9			Schriftfarbwert #48d1cc
Detail	:	Hintergrund #ffdab9	Detail	:	Schrift #48d1cc
Farbwert	:	#ffdab9	Farbwert	:	#48d1cc
Farbe	:	peachpuff	Farbe	:	mediumturquoise
HTML	:	#ffdab9	HTML	:	#48d1cc
HTML (Wert)	:	#ffdab9	HTML (Wert)	:	#48d1cc
CSS	:	#ffdab9	CSS	:	#48d1cc
CSS (Wert)	:	#ffdab9	CSS (Wert)	:	#48d1cc
CSS (kürzest)	:	#ffdab9	CSS (kürzest)	:	#48d1cc
CSS (RGB)	:	rgb(255,218,185)	CSS (RGB)	:	rgb(72,209,204)
CSS (%RGB)	:	rgb(100%,85%,72%)	CSS (%RGB)	:	rgb(28%,81%,80%)

Verlauf Hintergrundfarbwert #ffdab9 nach Schriftfarbwert #48d1cc
#ffdab9	#e4d8bb	#cad7be	#b0d6c1	#96d4c3	#7cd3c6	#62d2c9	#48d1cc
#ffdab9	#e4d8bb	#cad7be	#b0d6c1	#96d4c3	#7cd3c6	#62d2c9	#48d1cc

Kombination von #ffdab9 und #48d1cc
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit von #48d1cc und #ffdab9 beträgt 93.25%. Die Lesbarkeit dieser Kombination liegt damit bei 6.75%. Auf Hintergrund #ffdab9 ist #48d1cc ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend.

Hintergrundfarbwert #ffdab9				Schriftfarbwert #48d1cc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffdab9	#ffdab9	#ffdab9	#ffdab9	#48d1cc	#48d1cc	#48d1cc	#48d1cc
#ffdfc3	#ffdfc3	#daba9e	#daba9e	#62d7d3	#62d7d3	#3db3ae	#3db3ae
#ffe4cd	#ffe4cd	#b69b84	#b69b84	#7cdeda	#7cdeda	#339591	#339591
#ffe9d7	#ffe9d7	#917c69	#917c69	#96e4e1	#96e4e1	#297774	#297774
#ffefe1	#ffefe1	#6d5d4f	#6d5d4f	#b0ebe9	#b0ebe9	#1e5957	#1e5957
#fff4eb	#fff4eb	#483e34	#483e34	#caf1f0	#caf1f0	#143b3a	#143b3a
#fff9f5	#fff9f5	#241f1a	#241f1a	#e4f8f7	#e4f8f7	#0a1d1d	#0a1d1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffdab9 und Farbwert #48d1cc

Füllen und Umranden bei Tag img

Bei diesem Beispiel umranden wir <img> mit einem gepunkteten, 2 Pixel dicken Rahmen in Farbwert #48d1cc . Den Hintergrund von <img> färben wir entsprechend mit Farbwert #ffdab9. Mit HTML ist dies kaum möglich. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  img { border:2px dotted #48d1cc; background-color:#ffdab9; }
//-->
</style>

Mehr zum Thema können Sie in Grafik in HTML erfahren. Möglichkeiten des hier verwendeten Tag <img>.

Wechsel der Textfarbe bei Hover bei HTML-Tag div

Einen Universalkontainer setzt man mit HTML-Befehl <div>. Diesen können Sie farblich gestalten.

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

Z.B. setzen wir die Textfarbe von <div> auf Farbwert #ffdab9.

<style type="text/css"><!--
  div { 
    color: #ffdab9;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #48d1cc gesetzt wird.

<style type="text/css"><!--
  div: hover { 
    color: #48d1cc;
  }
//-->
</style>

Die Beschreibung des Tag div lesen Sie in der HTML Referenz unter <div>.