Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffe4e1 und Farbe mediumturquoise

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 #ffe4e1			Schriftfarbe mediumturquoise
Detail	:	Hintergrund #ffe4e1	Detail	:	Schrift mediumturquoise
Farbwert	:	#ffe4e1	Farbe	:	mediumturquoise
Farbe	:	mistyrose	Farbwert	:	#48d1cc
HTML	:	#ffe4e1	HTML	:	mediumturquoise
HTML (Wert)	:	#ffe4e1	HTML (Wert)	:	#48d1cc
CSS	:	#ffe4e1	CSS	:	mediumturquoise
CSS (Wert)	:	#ffe4e1	CSS (Wert)	:	#48d1cc
CSS (kürzest)	:	#ffe4e1	CSS (kürzest)	:	#48d1cc
CSS (RGB)	:	rgb(255,228,225)	CSS (RGB)	:	rgb(72,209,204)
CSS (%RGB)	:	rgb(100%,89%,88%)	CSS (%RGB)	:	rgb(28%,81%,80%)

Verlauf Hintergrundfarbwert #ffe4e1 nach Schriftfarbe mediumturquoise
#ffe4e1	#e4e1de	#cadedb	#b0dbd8	#96d9d5	#7cd6d2	#62d3cf	#48d1cc
#ffe4e1	#e4e1de	#cadedb	#b0dbd8	#96d9d5	#7cd6d2	#62d3cf	#48d1cc

Kombination von #ffe4e1 und mediumturquoise
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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.				Auf Hintergrund #ffe4e1 ist mediumturquoise ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit der Farben mediumturquoise und #ffe4e1 beträgt 92.63%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 7.37%.

Hintergrundfarbwert #ffe4e1				Schriftfarbe mediumturquoise
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffe4e1	#ffe4e1	#ffe4e1	#ffe4e1	#48d1cc	#48d1cc	#48d1cc	#48d1cc
#ffe7e5	#ffe7e5	#dac3c0	#dac3c0	#62d7d3	#62d7d3	#3db3ae	#3db3ae
#ffebe9	#ffebe9	#b6a2a0	#b6a2a0	#7cdeda	#7cdeda	#339591	#339591
#ffefed	#ffefed	#918280	#918280	#96e4e1	#96e4e1	#297774	#297774
#fff3f2	#fff3f2	#6d6160	#6d6160	#b0ebe9	#b0ebe9	#1e5957	#1e5957
#fff7f6	#fff7f6	#484140	#484140	#caf1f0	#caf1f0	#143b3a	#143b3a
#fffbfa	#fffbfa	#242020	#242020	#e4f8f7	#e4f8f7	#0a1d1d	#0a1d1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffe4e1 und Farbe mediumturquoise

Wechsel der Textfarbe bei Hover bei Befehl textarea

Die Textfarbe soll sich von Farbwert #ffe4e1 auf Farbe mediumturquoise ändern, wenn man mit der Maus auf <textarea> zeigt. Wir bereiten zunächst die Darstellung von <textarea> in Farbwert #ffe4e1 vor.

Für dieses Beispiel legen wir Farbwert #ffe4e1 als Textfarbe von <textarea> fest.

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

Nun fordern wir, dass sich bei Berührung mit der Maus die Textfarbe auf mediumturquoise ändert.

<style type="text/css"><!--
  textarea:hover { 
    color:mediumturquoise;
  }
//-->
</style>

Weiteres zu textarea finden Sie in Formulare in HTML. Einzelheiten vom Befehl <textarea>.

Wechsel der Umrandung bei Hover mit HTML-Tag iframe

Die Rahmenfarbe soll sich von Farbwert #ffe4e1 auf Farbe mediumturquoise ändern, wenn man mit der Maus auf <iframe> zeigt. Bereiten wir zunächst eine Formatierung von <iframe> in Farbwert #ffe4e1 vor.

In diesem Beispiel umranden wir <iframe> mit einem 2 Pixel dicken, gezahnten Rahmen in Farbwert #ffe4e1.

<style type="text/css"><!--
  iframe { 
    border-width: 2px; 
    border-color: #ffe4e1; 
    border-style: ridge;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Rahmenfarbe auf mediumturquoise ändert.

<style type="text/css"><!--
  iframe:hover { 
    border-color:mediumturquoise;
  }
//-->
</style>

Möglichkeiten des hier genutzten Tag <iframe>.