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

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 mediumseagreen
Detail	:	Hintergrund #48d1cc	Detail	:	Schrift mediumseagreen
Farbwert	:	#48d1cc	Farbe	:	mediumseagreen
Farbe	:	mediumturquoise	Farbwert	:	#3cb371
HTML	:	#48d1cc	HTML	:	mediumseagreen
HTML (Wert)	:	#48d1cc	HTML (Wert)	:	#3cb371
CSS	:	#48d1cc	CSS	:	mediumseagreen
CSS (Wert)	:	#48d1cc	CSS (Wert)	:	#3cb371
CSS (kürzest)	:	#48d1cc	CSS (kürzest)	:	#3cb371
CSS (RGB)	:	rgb(72,209,204)	CSS (RGB)	:	rgb(60,179,113)
CSS (%RGB)	:	rgb(28%,81%,80%)	CSS (%RGB)	:	rgb(23%,70%,44%)

Verlauf Hintergrundfarbwert #48d1cc nach Schriftfarbe mediumseagreen
#48d1cc	#46ccbf	#44c8b2	#42c4a5	#41bf98	#3fbb8b	#3db77e	#3cb371
#48d1cc	#46ccbf	#44c8b2	#42c4a5	#41bf98	#3fbb8b	#3db77e	#3cb371

Kombination von #48d1cc und mediumseagreen
Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von mediumseagreen und #48d1cc ergibt sich zu 93.19%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 6.81%. mediumseagreen ist nicht als Schriftfarbe auf Hintergrund #48d1cc geeignet, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Hintergrundfarbwert #48d1cc				Schriftfarbe mediumseagreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#48d1cc	#48d1cc	#48d1cc	#48d1cc	#3cb371	#3cb371	#3cb371	#3cb371
#62d7d3	#62d7d3	#3db3ae	#3db3ae	#57bd85	#57bd85	#339960	#339960
#7cdeda	#7cdeda	#339591	#339591	#73c899	#73c899	#2a7f50	#2a7f50
#96e4e1	#96e4e1	#297774	#297774	#8fd3ad	#8fd3ad	#226640	#226640
#b0ebe9	#b0ebe9	#1e5957	#1e5957	#abdec2	#abdec2	#194c30	#194c30
#caf1f0	#caf1f0	#143b3a	#143b3a	#c7e9d6	#c7e9d6	#113320	#113320
#e4f8f7	#e4f8f7	#0a1d1d	#0a1d1d	#e3f4ea	#e3f4ea	#081910	#081910
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #48d1cc und Farbe mediumseagreen

Wechsel der Hintergrundfarbe bei Hover bei Tag h1

Eine Überschrift setzen Sie mit HTML-Tag <h1>. Diese kann man farblich gestalten und hervorheben.

Die Hintergrundfarbe soll sich von Farbwert #48d1cc auf Farbe mediumseagreen ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <h1> in Farbwert #48d1cc vor.

Wir legen für dieses Beispiel Farbwert #48d1cc als Hintergrundfarbe von <h1> fest. Zwar behalten wir die Textfarbe bei, ändern jedoch die Schriftart auf monospace.

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

Nun fordern wir, dass sich bei Hover die Hintergrundfarbe auf mediumseagreen ändert.

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

Mehr zum Thema h1 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum Tag <h1>.

Füllen und Umranden bei HTML-Befehl dt

Hier umranden wir <dt> mit einem gestrichelten, 1 Punkte dicken Rahmen in Farbe mediumseagreen . Die Hintergrundfarbe für <dt> färben wir mit Farbwert #48d1cc. Das ist mit HTML so kaum möglich. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  dt { border:1pt dashed mediumseagreen; background-color:#48d1cc; }
//-->
</style>

Weiteres zu dt können Sie in Listen und Glossare in HTML nachlesen. Einzelheiten vom hier verwendeten HTML-Befehl dt sind in der HTML Referenz unter <dt> zusammengestellt.