Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ff69b4 und Farbwert #008000

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 #ff69b4			Schriftfarbwert #008000
Detail	:	Hintergrund #ff69b4	Detail	:	Schrift #008000
Farbwert	:	#ff69b4	Farbwert	:	#008000
Farbe	:	hotpink	Farbe	:	green
HTML	:	#ff69b4	HTML	:	#008000
HTML (Wert)	:	#ff69b4	HTML (Wert)	:	#008000
CSS	:	#ff69b4	CSS	:	#008000
CSS (Wert)	:	#ff69b4	CSS (Wert)	:	#008000
CSS (kürzest)	:	#ff69b4	CSS (kürzest)	:	#008000
CSS (RGB)	:	rgb(255,105,180)	CSS (RGB)	:	rgb(0,128,0)
CSS (%RGB)	:	rgb(100%,41%,70%)	CSS (%RGB)	:	rgb(0%,50%,0%)

Verlauf Hintergrundfarbwert #ff69b4 nach Schriftfarbwert #008000
#ff69b4	#da6c9a	#b66f80	#917266	#6d764d	#487933	#247c19	#008000
#ff69b4	#da6c9a	#b66f80	#917266	#6d764d	#487933	#247c19	#008000

Kombination von #ff69b4 und #008000
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #008000 und #ff69b4 ergibt sich zu 90.76%. Die Lesbarkeit dieser Kombination ergibt sich zu 9.24%. #008000 eignet sich nicht als Schriftfarbe auf Hintergrund #ff69b4, da die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbwert #ff69b4				Schriftfarbwert #008000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff69b4	#ff69b4	#ff69b4	#ff69b4	#008000	#008000	#008000	#008000
#ff7ebe	#ff7ebe	#da5a9a	#da5a9a	#249224	#249224	#006d00	#006d00
#ff93c9	#ff93c9	#b64b80	#b64b80	#48a448	#48a448	#005b00	#005b00
#ffa9d4	#ffa9d4	#913c66	#913c66	#6db66d	#6db66d	#004900	#004900
#ffbede	#ffbede	#6d2d4d	#6d2d4d	#91c891	#91c891	#003600	#003600
#ffd4e9	#ffd4e9	#481e33	#481e33	#b6dab6	#b6dab6	#002400	#002400
#ffe9f4	#ffe9f4	#240f19	#240f19	#daecda	#daecda	#001200	#001200
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ff69b4 und Farbwert #008000

Wechsel der Umrandung bei Hover bei HTML-Tag img

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

In diesem Beispiel umranden wir <img> mit einem 3 Pixel dicken, doppelten Rahmen in Farbwert #ff69b4.

<style type="text/css"><!--
  img { border:3px double #ff69b4; }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #008000 gesetzt wird.

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

Weiteres zu img lesen Sie in Grafik in HTML. Einzelheiten vom Tag img finden Sie in der HTML Referenz unter <img>.

Füllen und Umranden mit HTML-Befehl frame

Hier umranden wir <frame> mit einem . Die Hintergrundfarbe für <frame> setzen wir entsprechend auf Farbwert #ff69b4. In HTML ist das kaum machbar. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  frame { 
    background-color: #ff69b4; 
    border-width: 5pt; 
    border-color: #008000; 
    border-style: double;
  }
//-->
</style>

Der hier genutzte HTML-Tag frame ist in der HTML Referenz bei <frame> ausführlich gezeigt.