Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #db7093 und Farbwert #ffa07a

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.

Hintergrundfarbwert #db7093			Schriftfarbwert #ffa07a
Detail	:	Hintergrund #db7093	Detail	:	Schrift #ffa07a
Farbwert	:	#db7093	Farbwert	:	#ffa07a
Farbe	:	palevioletred	Farbe	:	lightsalmon
HTML	:	#db7093	HTML	:	#ffa07a
HTML (Wert)	:	#db7093	HTML (Wert)	:	#ffa07a
CSS	:	#db7093	CSS	:	#ffa07a
CSS (Wert)	:	#db7093	CSS (Wert)	:	#ffa07a
CSS (kürzest)	:	#db7093	CSS (kürzest)	:	#ffa07a
CSS (RGB)	:	rgb(219,112,147)	CSS (RGB)	:	rgb(255,160,122)
CSS (%RGB)	:	rgb(85%,43%,57%)	CSS (%RGB)	:	rgb(100%,62%,47%)

Verlauf Hintergrundfarbwert #db7093 nach Schriftfarbwert #ffa07a
#db7093	#e0768f	#e57d8b	#ea8488	#ef8b84	#f49281	#f9997d	#ffa07a
#db7093	#e0768f	#e57d8b	#ea8488	#ef8b84	#f49281	#f9997d	#ffa07a

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

Hintergrundfarbwert #db7093				Schriftfarbwert #ffa07a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#db7093	#db7093	#db7093	#db7093	#ffa07a	#ffa07a	#ffa07a	#ffa07a
#e084a2	#e084a2	#bb607e	#bb607e	#ffad8d	#ffad8d	#da8968	#da8968
#e598b1	#e598b1	#9c5069	#9c5069	#ffbba0	#ffbba0	#b67257	#b67257
#eaadc1	#eaadc1	#7d4054	#7d4054	#ffc8b3	#ffc8b3	#915b45	#915b45
#efc1d0	#efc1d0	#5d303f	#5d303f	#ffd6c6	#ffd6c6	#6d4434	#6d4434
#f4d6e0	#f4d6e0	#3e202a	#3e202a	#ffe3d9	#ffe3d9	#482d22	#482d22
#f9eaef	#f9eaef	#1f1015	#1f1015	#fff1ec	#fff1ec	#241611	#241611
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #db7093 und Farbwert #ffa07a

Wechsel der Umrandung bei Hover von HTML-Tag img

Die Rahmenfarbe soll sich von Farbwert #db7093 auf Farbwert #ffa07a ändern, wenn man mit der Maus auf <img> zeigt. Wir bereiten zunächst die Darstellung von <img> in Farbwert #db7093 vor.

In diesem Beispiel umranden wir <img> mit einem 4 Pixel dicken, einfallenden Rahmen in Farbwert #db7093.

<style type="text/css"><!--
  img { 
    border-style: inset; 
    border-color: #db7093; 
    border-width: 4px;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #ffa07a geändert wird.

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

Weiteres zum Thema lesen Sie in Grafik in HTML. Die Beschreibung des Tag img lesen Sie in der HTML Referenz unter <img>.

Hintergrund/Text-Kombination bei Befehl p

Wir ändern hier die Textfarbe von <p> auf Farbwert #ffa07a und die Hintergrundfarbe von <p> auf Farbwert #db7093. Als Schriftart wählen wir arial und als Schriftgröße setzen wir 9px.

<style type="text/css"><!--
  p { 
    color: #ffa07a; 
    background-color: #db7093; 
    font-family: arial; 
    font-size: 9px;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum hier genutzten Befehl p finden Sie in der HTML Referenz unter <p>.