Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #d3d3d3 und Farbwert #66cdaa

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 #d3d3d3			Schriftfarbwert #66cdaa
Detail	:	Hintergrund #d3d3d3	Detail	:	Schrift #66cdaa
Farbwert	:	#d3d3d3	Farbwert	:	#66cdaa
Farbe	:	lightgrey	Farbe	:	mediumaquamarine
HTML	:	#d3d3d3	HTML	:	#66cdaa
HTML (Wert)	:	#d3d3d3	HTML (Wert)	:	#66cdaa
CSS	:	#d3d3d3	CSS	:	#66cdaa
CSS (Wert)	:	#d3d3d3	CSS (Wert)	:	#66cdaa
CSS (kürzest)	:	#d3d3d3	CSS (kürzest)	:	#66cdaa
CSS (RGB)	:	rgb(211,211,211)	CSS (RGB)	:	rgb(102,205,170)
CSS (%RGB)	:	rgb(82%,82%,82%)	CSS (%RGB)	:	rgb(40%,80%,66%)

Verlauf Hintergrundfarbwert #d3d3d3 nach Schriftfarbwert #66cdaa
#d3d3d3	#c3d2cd	#b3d1c7	#a4d0c1	#94cfbb	#85ceb5	#75cdaf	#66cdaa
#d3d3d3	#c3d2cd	#b3d1c7	#a4d0c1	#94cfbb	#85ceb5	#75cdaf	#66cdaa

Kombination von #d3d3d3 und #66cdaa
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.				Auf Hintergrund #d3d3d3 ist #66cdaa ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit von #66cdaa und #d3d3d3 beträgt 93.86%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 6.14%.

Hintergrundfarbwert #d3d3d3				Schriftfarbwert #66cdaa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d3d3d3	#d3d3d3	#d3d3d3	#d3d3d3	#66cdaa	#66cdaa	#66cdaa	#66cdaa
#d9d9d9	#d9d9d9	#b4b4b4	#b4b4b4	#7bd4b6	#7bd4b6	#57af91	#57af91
#dfdfdf	#dfdfdf	#969696	#969696	#91dbc2	#91dbc2	#489279	#489279
#e5e5e5	#e5e5e5	#787878	#787878	#a7e2ce	#a7e2ce	#3a7561	#3a7561
#ececec	#ececec	#5a5a5a	#5a5a5a	#bde9da	#bde9da	#2b5748	#2b5748
#f2f2f2	#f2f2f2	#3c3c3c	#3c3c3c	#d3f0e6	#d3f0e6	#1d3a30	#1d3a30
#f8f8f8	#f8f8f8	#1e1e1e	#1e1e1e	#e9f7f2	#e9f7f2	#0e1d18	#0e1d18
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #d3d3d3 und Farbwert #66cdaa

Füllen und Umranden mit HTML-Tag hr

Für dieses Beispiel umranden wir <hr> mit einem 5 Punkte dicken, herausstehenden Rahmen in Farbwert #66cdaa . Den Hintergrund von <hr> setzen wir entsprechend auf Farbwert #d3d3d3. Das ist in HTML kaum möglich. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  hr { 
    background-color: #d3d3d3; 
    border-width: 5pt; 
    border-color: #66cdaa; 
    border-style: outset;
  }
//-->
</style>

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Möglichkeiten vom Tag hr sind in der HTML Referenz unter <hr> gezeigt.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl div

Mit HTML-Befehl <div> erzeugen Sie einen Universalkontainer und kann farblich gestaltet und hervorgehoben werden.

Die Hintergrundfarbe soll sich von Farbwert #d3d3d3 auf Farbwert #66cdaa ändern, wenn man mit der Maus auf <div> zeigt. Wir bereiten zunächst die Darstellung von <div> in Farbwert #d3d3d3 vor.

Wir ändern z.B. bei <div> die Hintergrundfarbe auf Farbwert #d3d3d3. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf sans-serif.

<style type="text/css"><!--
  div { 
    background-color:#d3d3d3; 
    font-family:sans-serif;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Hintergrundfarbe zu #66cdaa ändert.

<style type="text/css"><!--
  div:hover { 
    background-color:#66cdaa;
  }
//-->
</style>

Weiteres zum Tag div lesen Sie in der HTML Referenz unter <div>.