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

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 deeppink
Detail	:	Hintergrund #48d1cc	Detail	:	Schrift deeppink
Farbwert	:	#48d1cc	Farbe	:	deeppink
Farbe	:	mediumturquoise	Farbwert	:	#ff1493
HTML	:	#48d1cc	HTML	:	deeppink
HTML (Wert)	:	#48d1cc	HTML (Wert)	:	#ff1493
CSS	:	#48d1cc	CSS	:	deeppink
CSS (Wert)	:	#48d1cc	CSS (Wert)	:	#ff1493
CSS (kürzest)	:	#48d1cc	CSS (kürzest)	:	#ff1493
CSS (RGB)	:	rgb(72,209,204)	CSS (RGB)	:	rgb(255,20,147)
CSS (%RGB)	:	rgb(28%,81%,80%)	CSS (%RGB)	:	rgb(100%,7%,57%)

Verlauf Hintergrundfarbwert #48d1cc nach Schriftfarbe deeppink
#48d1cc	#62b6c3	#7c9bbb	#9680b3	#b065ab	#ca4aa3	#e42f9b	#ff1493
#48d1cc	#62b6c3	#7c9bbb	#9680b3	#b065ab	#ca4aa3	#e42f9b	#ff1493

Kombination von #48d1cc und deeppink
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit der Farben deeppink und #48d1cc beträgt 90.71%. Die Lesbarkeit dieser Farbkombination liegt damit bei 9.29%. deeppink eignet sich nicht als Schriftfarbe auf Hintergrund #48d1cc, weil weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind.

Hintergrundfarbwert #48d1cc				Schriftfarbe deeppink
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#48d1cc	#48d1cc	#48d1cc	#48d1cc	#ff1493	#ff1493	#ff1493	#ff1493
#62d7d3	#62d7d3	#3db3ae	#3db3ae	#ff35a2	#ff35a2	#da117e	#da117e
#7cdeda	#7cdeda	#339591	#339591	#ff57b1	#ff57b1	#b60e69	#b60e69
#96e4e1	#96e4e1	#297774	#297774	#ff78c1	#ff78c1	#910b54	#910b54
#b0ebe9	#b0ebe9	#1e5957	#1e5957	#ff9ad0	#ff9ad0	#6d083f	#6d083f
#caf1f0	#caf1f0	#143b3a	#143b3a	#ffbbe0	#ffbbe0	#48052a	#48052a
#e4f8f7	#e4f8f7	#0a1d1d	#0a1d1d	#ffddef	#ffddef	#240215	#240215
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #48d1cc und Farbe deeppink

Wechsel der Textfarbe bei Hover bei Tag dt

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

In diesem Beispiel legen wir bei <dt> die Textfarbe auf Farbwert #48d1cc fest. Die Hintergrundfarbe behalten wir bei. Die Schriftart ändern wir auf monospace:

<style type="text/css"><!--
  dt { 
    font-family:monospace; 
    color:#48d1cc;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Textfarbe auf deeppink ändert.

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

Mehr zu dt finden Sie in Listen und Glossare in HTML. Der HTML-Tag dt ist in der HTML Referenz bei <dt> ausführlich zusammengestellt.

Füllen und Umranden mit Tag frameset

Für dieses Beispiel umranden wir <frameset> mit einem einfallenden, 4 Punkte dicken Rahmen in Farbe deeppink . Den Hintergrund von <frameset> färben wir mit Farbwert #48d1cc. Das ist in HTML kaum möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  frameset { 
    border-color: deeppink; 
    border-style: inset; 
    background-color: #48d1cc; 
    border-width: 4pt;
  }
//-->
</style>

Einzelheiten vom HTML-Tag frameset sind in der HTML Referenz bei <frameset> beschrieben.