Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #db7093 und Farbe turquoise

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 #db7093			Schriftfarbe turquoise
Detail	:	Hintergrund #db7093	Detail	:	Schrift turquoise
Farbwert	:	#db7093	Farbe	:	turquoise
Farbe	:	palevioletred	Farbwert	:	#40e0d0
HTML	:	#db7093	HTML	:	turquoise
HTML (Wert)	:	#db7093	HTML (Wert)	:	#40e0d0
CSS	:	#db7093	CSS	:	turquoise
CSS (Wert)	:	#db7093	CSS (Wert)	:	#40e0d0
CSS (kürzest)	:	#db7093	CSS (kürzest)	:	#40e0d0
CSS (RGB)	:	rgb(219,112,147)	CSS (RGB)	:	rgb(64,224,208)
CSS (%RGB)	:	rgb(85%,43%,57%)	CSS (%RGB)	:	rgb(25%,87%,81%)

Verlauf Hintergrundfarbwert #db7093 nach Schriftfarbe turquoise
#db7093	#c4809b	#ae90a4	#98a0ad	#82b0b5	#6cc0be	#56d0c7	#40e0d0
#db7093	#c4809b	#ae90a4	#98a0ad	#82b0b5	#6cc0be	#56d0c7	#40e0d0

Kombination von #db7093 und turquoise
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				turquoise ist nicht als Schriftfarbe auf Hintergrund #db7093 geeignet, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben turquoise und #db7093 beträgt 90.98%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 9.02%.

Hintergrundfarbwert #db7093				Schriftfarbe turquoise
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#db7093	#db7093	#db7093	#db7093	#40e0d0	#40e0d0	#40e0d0	#40e0d0
#e084a2	#e084a2	#bb607e	#bb607e	#5be4d6	#5be4d6	#36c0b2	#36c0b2
#e598b1	#e598b1	#9c5069	#9c5069	#76e8dd	#76e8dd	#2da094	#2da094
#eaadc1	#eaadc1	#7d4054	#7d4054	#91ede4	#91ede4	#248076	#248076
#efc1d0	#efc1d0	#5d303f	#5d303f	#adf1ea	#adf1ea	#1b6059	#1b6059
#f4d6e0	#f4d6e0	#3e202a	#3e202a	#c8f6f1	#c8f6f1	#12403b	#12403b
#f9eaef	#f9eaef	#1f1015	#1f1015	#e3faf8	#e3faf8	#09201d	#09201d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #db7093 und Farbe turquoise

Füllen und Umranden von HTML-Befehl dfn

Bei diesem Beispiel umranden wir <dfn> mit einem 2 Punkte dicken, gestrichelten Rahmen in Farbe turquoise . Den Hintergrund von <dfn> färben wir mit Farbwert #db7093. Mit HTML geht dies kaum. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  dfn { 
    border-color: turquoise; 
    border-style: dashed; 
    border-width: 2pt; 
    background-color: #db7093;
  }
//-->
</style>

Mehr zum Thema dfn können Sie in Text in HTML erfahren. Die Beschreibung vom HTML-Befehl dfn lesen Sie in der HTML Referenz unter <dfn>.

Wechsel der Textfarbe bei Hover bei Tag label

Die Textfarbe soll sich von Farbwert #db7093 auf Farbe turquoise ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <label> in Farbwert #db7093 vor.

Wir legen zum Beispiel Farbwert #db7093 als Textfarbe von <label> fest. Die Hintergrundfarbe verändern wir nicht, ändern jedoch die Schriftart auf verdana.

<style type="text/css"><!--
  label { 
    color:#db7093; 
    font-family:verdana;
  }
//-->
</style>

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

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

Mehr zum Thema label können Sie in Formulare in HTML finden. Möglichkeiten des hier gezeigten Befehl label sind in der HTML Referenz unter <label> genau gezeigt.