Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #d8bfd8 und Farbe greenyellow

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 #d8bfd8			Schriftfarbe greenyellow
Detail	:	Hintergrund #d8bfd8	Detail	:	Schrift greenyellow
Farbwert	:	#d8bfd8	Farbe	:	greenyellow
Farbe	:	thistle	Farbwert	:	#adff2f
HTML	:	#d8bfd8	HTML	:	greenyellow
HTML (Wert)	:	#d8bfd8	HTML (Wert)	:	#adff2f
CSS	:	#d8bfd8	CSS	:	greenyellow
CSS (Wert)	:	#d8bfd8	CSS (Wert)	:	#adff2f
CSS (kürzest)	:	#d8bfd8	CSS (kürzest)	:	#adff2f
CSS (RGB)	:	rgb(216,191,216)	CSS (RGB)	:	rgb(173,255,47)
CSS (%RGB)	:	rgb(84%,74%,84%)	CSS (%RGB)	:	rgb(67%,100%,18%)

Verlauf Hintergrundfarbwert #d8bfd8 nach Schriftfarbe greenyellow
#d8bfd8	#d1c8bf	#cbd1a7	#c5da8f	#bfe377	#b9ec5f	#b3f547	#adff2f
#d8bfd8	#d1c8bf	#cbd1a7	#c5da8f	#bfe377	#b9ec5f	#b3f547	#adff2f

Kombination von #d8bfd8 und greenyellow
Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit von greenyellow und #d8bfd8 beträgt 93.41%. Die Lesbarkeit dieser Kombination bewerte ich mit 6.59%. greenyellow eignet sich nicht als Schriftfarbe auf Hintergrund #d8bfd8, da die Unterschiede in der Helligkeit und Farbe zu gering sind.

Hintergrundfarbwert #d8bfd8				Schriftfarbe greenyellow
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8	#adff2f	#adff2f	#adff2f	#adff2f
#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9	#b8ff4c	#b8ff4c	#94da28	#94da28
#e3d1e3	#e3d1e3	#9a889a	#9a889a	#c4ff6a	#c4ff6a	#7bb621	#7bb621
#e8dae8	#e8dae8	#7b6d7b	#7b6d7b	#d0ff88	#d0ff88	#62911a	#62911a
#eee3ee	#eee3ee	#5c515c	#5c515c	#dbffa5	#dbffa5	#4a6d14	#4a6d14
#f3ecf3	#f3ecf3	#3d363d	#3d363d	#e7ffc3	#e7ffc3	#31480d	#31480d
#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e	#f3ffe1	#f3ffe1	#182406	#182406
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #d8bfd8 und Farbe greenyellow

Füllen und Umranden bei Befehl label

Hier umranden wir <label> mit einem gestrichelten, 1 Punkte dicken Rahmen in Farbe greenyellow . Die Hintergrundfarbe für <label> setzen wir auf Farbwert #d8bfd8. Das geht in HTML kaum. Wir nutzen daher CSS.

<style type="text/css"><!--
  label { border:1pt dashed greenyellow; background-color:#d8bfd8; }
//-->
</style>

Weiteres zu label erfahren Sie in Formulare in HTML. Zur Beschreibung vom HTML-Befehl <label>.

Wechsel der Umrandung bei Hover bei Befehl a

Einen Link setzen Sie mit HTML-Tag <a>. Er kann hervorgehoben und farblich gestaltet werden.

Die Rahmenfarbe soll sich von Farbwert #d8bfd8 auf Farbe greenyellow ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <a> in Farbwert #d8bfd8 vor.

In diesem Beispiel umranden wir <a> mit einem 4 Pixel dicken, gefurchten Rahmen in Farbwert #d8bfd8.

<style type="text/css"><!--
  a { border:4px groove #d8bfd8; }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Rahmenfarbe auf greenyellow gesetzt wird.

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

Mehr zu a können Sie in Verweise und Protokolle in HTML nachlesen. Die Beschreibung vom Tag a erfahren Sie in der HTML Referenz unter <a>.