Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mintcream und Farbwert #9370db

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.

Hintergrundfarbe mintcream			Schriftfarbwert #9370db
Detail	:	Hintergrund mintcream	Detail	:	Schrift #9370db
Farbe	:	mintcream	Farbwert	:	#9370db
Farbwert	:	#f5fffa	Farbe	:	mediumpurple
HTML	:	mintcream	HTML	:	#9370db
HTML (Wert)	:	#f5fffa	HTML (Wert)	:	#9370db
CSS	:	mintcream	CSS	:	#9370db
CSS (Wert)	:	#f5fffa	CSS (Wert)	:	#9370db
CSS (kürzest)	:	#f5fffa	CSS (kürzest)	:	#9370db
CSS (RGB)	:	rgb(245,255,250)	CSS (RGB)	:	rgb(147,112,219)
CSS (%RGB)	:	rgb(96%,100%,98%)	CSS (%RGB)	:	rgb(57%,43%,85%)

Verlauf Hintergrundfarbe mintcream nach Schriftfarbwert #9370db
#f5fffa	#e7eaf5	#d9d6f1	#cbc1ec	#bdade8	#af98e3	#a184df	#9370db
#f5fffa	#e7eaf5	#d9d6f1	#cbc1ec	#bdade8	#af98e3	#a184df	#9370db

Kombination von mintcream und #9370db
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				#9370db ist nicht als Schriftfarbe auf Hintergrund mintcream geeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit von #9370db und mintcream ergibt sich zu 82.45%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 17.55%.

Hintergrundfarbe mintcream				Schriftfarbwert #9370db
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f5fffa	#f5fffa	#f5fffa	#f5fffa	#9370db	#9370db	#9370db	#9370db
#f6fffa	#f6fffa	#d2dad6	#d2dad6	#a284e0	#a284e0	#7e60bb	#7e60bb
#f7fffb	#f7fffb	#afb6b2	#afb6b2	#b198e5	#b198e5	#69509c	#69509c
#f9fffc	#f9fffc	#8c918e	#8c918e	#c1adea	#c1adea	#54407d	#54407d
#fafffc	#fafffc	#696d6b	#696d6b	#d0c1ef	#d0c1ef	#3f305d	#3f305d
#fcfffd	#fcfffd	#464847	#464847	#e0d6f4	#e0d6f4	#2a203e	#2a203e
#fdfffe	#fdfffe	#232423	#232423	#efeaf9	#efeaf9	#15101f	#15101f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mintcream und Farbwert #9370db

Text- und Unterstreichungsfarben von Befehl caption

Hier ändern wir die Textfarbe von <caption> auf Farbwert #9370db. Die Schriftart setzen wir auf monospace. Die Schriftgröße erhöhen wir auf 118%. Wir unterstreichen den Inhalt von <caption> mit Hilfe eines doppelten Rahmens mit 1 Punkte Dicke in Farbe mintcream. In HTML geht das nicht. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  caption { 
    font-size: 118%; 
    font-family: monospace; 
    color: #9370db; 
    border-bottom: 1pt double mintcream;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zu caption können Sie in Tabellen in HTML erfahren. Der hier verwendete HTML-Befehl caption ist in der HTML Referenz bei <caption> genau beschrieben.

Wechsel der Umrandung bei Hover bei HTML-Befehl img

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

In diesem Beispiel umranden wir <img> mit einem 3 Pixel dicken, gepunkteten Rahmen in Farbe mintcream.

<style type="text/css"><!--
  img { 
    border-color:mintcream; 
    border-width:3px; 
    border-style:dotted;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe zu #9370db ändert.

<style type="text/css"><!--
  img: hover { 
    border-color: #9370db;
  }
//-->
</style>

Mehr zu img finden Sie in Grafik in HTML. Möglichkeiten vom Befehl img finden Sie in der HTML Referenz unter <img>.