Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #00ced1 und Farbe mediumslateblue

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 #00ced1			Schriftfarbe mediumslateblue
Detail	:	Hintergrund #00ced1	Detail	:	Schrift mediumslateblue
Farbwert	:	#00ced1	Farbe	:	mediumslateblue
Farbe	:	darkturquoise	Farbwert	:	#7b68ee
HTML	:	#00ced1	HTML	:	mediumslateblue
HTML (Wert)	:	#00ced1	HTML (Wert)	:	#7b68ee
CSS	:	#00ced1	CSS	:	mediumslateblue
CSS (Wert)	:	#00ced1	CSS (Wert)	:	#7b68ee
CSS (kürzest)	:	#00ced1	CSS (kürzest)	:	#7b68ee
CSS (RGB)	:	rgb(0,206,209)	CSS (RGB)	:	rgb(123,104,238)
CSS (%RGB)	:	rgb(0%,80%,81%)	CSS (%RGB)	:	rgb(48%,40%,93%)

Verlauf Hintergrundfarbwert #00ced1 nach Schriftfarbe mediumslateblue
#00ced1	#11bfd5	#23b0d9	#34a2dd	#4693e1	#5785e5	#6976e9	#7b68ee
#00ced1	#11bfd5	#23b0d9	#34a2dd	#4693e1	#5785e5	#6976e9	#7b68ee

Kombination von #00ced1 und mediumslateblue
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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.				Die Ähnlichkeit von mediumslateblue und #00ced1 beträgt 89.88%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 10.12%. mediumslateblue eignet sich nicht als Schriftfarbe auf Hintergrund #00ced1. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend.

Hintergrundfarbwert #00ced1				Schriftfarbe mediumslateblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ced1	#00ced1	#00ced1	#00ced1	#7b68ee	#7b68ee	#7b68ee	#7b68ee
#24d5d7	#24d5d7	#00b0b3	#00b0b3	#8d7df0	#8d7df0	#6959cc	#6959cc
#48dcde	#48dcde	#009395	#009395	#a093f2	#a093f2	#574aaa	#574aaa
#6de3e4	#6de3e4	#007577	#007577	#b3a8f5	#b3a8f5	#463b88	#463b88
#91eaeb	#91eaeb	#005859	#005859	#c6bef7	#c6bef7	#342c66	#342c66
#b6f1f1	#b6f1f1	#003a3b	#003a3b	#d9d3fa	#d9d3fa	#231d44	#231d44
#daf8f8	#daf8f8	#001d1d	#001d1d	#ece9fc	#ece9fc	#110e22	#110e22
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #00ced1 und Farbe mediumslateblue

Hintergrund/Text-Kombination von Tag a

Mit HTML-Tag <a> wird ein Verweis gesetzt. Diesen können Sie farblich gestalten.

Hier ändern wir die Textfarbe von <a> auf Farbe mediumslateblue und die Hintergrundfarbe von <a> auf Farbwert #00ced1. Als Schriftart wählen wir verdana und als Schriftgröße entscheiden wir uns für 82%.

<style type="text/css"><!--
  a { 
    font-family:verdana; 
    font-size:82%; 
    background-color:#00ced1; 
    color:mediumslateblue;
  }
//-->
</style>

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML lesen. Weiteres zum HTML-Tag <a>.

Wechsel der Umrandung bei Hover bei Tag thead

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

In diesem Beispiel umranden wir <thead> mit einem 4 Pixel dicken, gefurchten Rahmen in Farbwert #00ced1.

<style type="text/css"><!--
  thead { 
    border-style: groove; 
    border-width: 4px; 
    border-color: #00ced1;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe zu mediumslateblue ändert.

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

Weiteres zu thead können Sie in Tabellen in HTML finden. Weiteres zum hier gezeigten Tag thead ist in der HTML Referenz unter <thead> gezeigt.