Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkturquoise und Farbwert #dda0dd

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe darkturquoise			Schriftfarbwert #dda0dd
Detail	:	Hintergrund darkturquoise	Detail	:	Schrift #dda0dd
Farbe	:	darkturquoise	Farbwert	:	#dda0dd
Farbwert	:	#00ced1	Farbe	:	plum
HTML	:	darkturquoise	HTML	:	#dda0dd
HTML (Wert)	:	#00ced1	HTML (Wert)	:	#dda0dd
CSS	:	darkturquoise	CSS	:	#dda0dd
CSS (Wert)	:	#00ced1	CSS (Wert)	:	#dda0dd
CSS (kürzest)	:	#00ced1	CSS (kürzest)	:	#dda0dd
CSS (RGB)	:	rgb(0,206,209)	CSS (RGB)	:	rgb(221,160,221)
CSS (%RGB)	:	rgb(0%,80%,81%)	CSS (%RGB)	:	rgb(86%,62%,86%)

Verlauf Hintergrundfarbe darkturquoise nach Schriftfarbwert #dda0dd
#00ced1	#1fc7d2	#3fc0d4	#5ebad6	#7eb3d7	#9dadd9	#bda6db	#dda0dd
#00ced1	#1fc7d2	#3fc0d4	#5ebad6	#7eb3d7	#9dadd9	#bda6db	#dda0dd

Kombination von darkturquoise und #dda0dd
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund darkturquoise ist #dda0dd ungeeignet, da die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von #dda0dd und darkturquoise beträgt 94.96%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.04%.

Hintergrundfarbe darkturquoise				Schriftfarbwert #dda0dd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ced1	#00ced1	#00ced1	#00ced1	#dda0dd	#dda0dd	#dda0dd	#dda0dd
#24d5d7	#24d5d7	#00b0b3	#00b0b3	#e1ade1	#e1ade1	#bd89bd	#bd89bd
#48dcde	#48dcde	#009395	#009395	#e6bbe6	#e6bbe6	#9d729d	#9d729d
#6de3e4	#6de3e4	#007577	#007577	#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e
#91eaeb	#91eaeb	#005859	#005859	#f0d6f0	#f0d6f0	#5e445e	#5e445e
#b6f1f1	#b6f1f1	#003a3b	#003a3b	#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f
#daf8f8	#daf8f8	#001d1d	#001d1d	#faf1fa	#faf1fa	#1f161f	#1f161f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe darkturquoise und Farbwert #dda0dd

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag form

Die Hintergrundfarbe soll sich von Farbe darkturquoise auf Farbwert #dda0dd ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <form> in Farbe darkturquoise vor.

Z.B. legen wir Farbe darkturquoise als Hintergrundfarbe von <form> fest. Zwar verändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf sans-serif. Die Größe der Schrift erhöhen wir auf 115%:

<style type="text/css"><!--
  form { 
    font-family: sans-serif; 
    font-size: 115%; 
    background-color: darkturquoise;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #dda0dd geändert wird.

<style type="text/css"><!--
  form: hover { 
    background-color: #dda0dd;
  }
//-->
</style>

Mehr zu form können Sie in Formulare in HTML lesen. Die Beschreibung vom Befehl form finden Sie in der HTML Referenz unter <form>.