Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ee82ee 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 #ee82ee			Schriftfarbe turquoise
Detail	:	Hintergrund #ee82ee	Detail	:	Schrift turquoise
Farbwert	:	#ee82ee	Farbe	:	turquoise
Farbe	:	violet	Farbwert	:	#40e0d0
HTML	:	#ee82ee	HTML	:	turquoise
HTML (Wert)	:	#ee82ee	HTML (Wert)	:	#40e0d0
CSS	:	#ee82ee	CSS	:	turquoise
CSS (Wert)	:	#ee82ee	CSS (Wert)	:	#40e0d0
CSS (kürzest)	:	#ee82ee	CSS (kürzest)	:	#40e0d0
CSS (RGB)	:	rgb(238,130,238)	CSS (RGB)	:	rgb(64,224,208)
CSS (%RGB)	:	rgb(93%,50%,93%)	CSS (%RGB)	:	rgb(25%,87%,81%)

Verlauf Hintergrundfarbwert #ee82ee nach Schriftfarbe turquoise
#ee82ee	#d58fe9	#bc9ce5	#a3aae1	#8ab7dc	#71c5d8	#58d2d4	#40e0d0
#ee82ee	#d58fe9	#bc9ce5	#a3aae1	#8ab7dc	#71c5d8	#58d2d4	#40e0d0

Kombination von #ee82ee und turquoise
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben turquoise und #ee82ee beträgt 93.28%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 6.72%. turquoise eignet sich nicht als Schriftfarbe auf Hintergrund #ee82ee. Die Unterschiede in der Helligkeit und Farbe sind zu gering.

Hintergrundfarbwert #ee82ee				Schriftfarbe turquoise
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ee82ee	#ee82ee	#ee82ee	#ee82ee	#40e0d0	#40e0d0	#40e0d0	#40e0d0
#f093f0	#f093f0	#cc6fcc	#cc6fcc	#5be4d6	#5be4d6	#36c0b2	#36c0b2
#f2a5f2	#f2a5f2	#aa5caa	#aa5caa	#76e8dd	#76e8dd	#2da094	#2da094
#f5b7f5	#f5b7f5	#884a88	#884a88	#91ede4	#91ede4	#248076	#248076
#f7c9f7	#f7c9f7	#663766	#663766	#adf1ea	#adf1ea	#1b6059	#1b6059
#fadbfa	#fadbfa	#442544	#442544	#c8f6f1	#c8f6f1	#12403b	#12403b
#fcedfc	#fcedfc	#221222	#221222	#e3faf8	#e3faf8	#09201d	#09201d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ee82ee und Farbe turquoise

Füllen und Umranden mit Tag kbd

Für dieses Beispiel umranden wir <kbd> mit einem 3 Pixel dicken, gezahnten Rahmen in Farbe turquoise . Den Hintergrund von <kbd> setzen wir entsprechend auf Farbwert #ee82ee. Das ist mit HTML nicht möglich. Daher nutzen wir hier CSS.

<style type="text/css"><!--
  kbd { 
    border-color: turquoise; 
    border-width: 3px; 
    background-color: #ee82ee; 
    border-style: ridge;
  }
//-->
</style>

Mehr zum Thema können Sie in Text in HTML nachsehen. Weiteres zum hier gezeigten Tag kbd finden Sie in der HTML Referenz unter <kbd>.

Wechsel der Umrandung bei Hover von HTML-Befehl a

Mit HTML-Tag <a> erzeugen Sie einen Verweis. Diesen können Sie farblich gestalten und hervorheben.

Die Rahmenfarbe soll sich von Farbwert #ee82ee auf Farbe turquoise ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <a> in Farbwert #ee82ee vor.

In diesem Beispiel umranden wir <a> mit einem 2 Pixel dicken, gefurchten Rahmen in Farbwert #ee82ee.

<style type="text/css"><!--
  a { border:2px groove #ee82ee; }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf turquoise geändert wird.

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

Mehr zum Thema erfahren Sie in Verweise und Protokolle in HTML. Die Beschreibung vom HTML-Befehl a lesen Sie in der HTML Referenz unter <a>.