Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #7fffd4 und Farbwert #deb887

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 #7fffd4			Schriftfarbwert #deb887
Detail	:	Hintergrund #7fffd4	Detail	:	Schrift #deb887
Farbwert	:	#7fffd4	Farbwert	:	#deb887
Farbe	:	aquamarine	Farbe	:	burlywood
HTML	:	#7fffd4	HTML	:	#deb887
HTML (Wert)	:	#7fffd4	HTML (Wert)	:	#deb887
CSS	:	#7fffd4	CSS	:	#deb887
CSS (Wert)	:	#7fffd4	CSS (Wert)	:	#deb887
CSS (kürzest)	:	#7fffd4	CSS (kürzest)	:	#deb887
CSS (RGB)	:	rgb(127,255,212)	CSS (RGB)	:	rgb(222,184,135)
CSS (%RGB)	:	rgb(49%,100%,83%)	CSS (%RGB)	:	rgb(87%,72%,52%)

Verlauf Hintergrundfarbwert #7fffd4 nach Schriftfarbwert #deb887
#7fffd4	#8cf4c9	#9aeabe	#a7e0b3	#b5d6a8	#c2cc9d	#d0c292	#deb887
#7fffd4	#8cf4c9	#9aeabe	#a7e0b3	#b5d6a8	#c2cc9d	#d0c292	#deb887

Kombination von #7fffd4 und #deb887
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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #7fffd4 ist #deb887 ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind gross genug. Die Ähnlichkeit der Farben #deb887 und #7fffd4 beträgt 92.78%. Die Lesbarkeit dieser Kombination ergibt sich zu 7.22%.

Hintergrundfarbwert #7fffd4				Schriftfarbwert #deb887
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7fffd4	#7fffd4	#7fffd4	#7fffd4	#deb887	#deb887	#deb887	#deb887
#91ffda	#91ffda	#6cdab5	#6cdab5	#e2c298	#e2c298	#be9d73	#be9d73
#a3ffe0	#a3ffe0	#5ab697	#5ab697	#e7cca9	#e7cca9	#9e8360	#9e8360
#b5ffe6	#b5ffe6	#489179	#489179	#ecd6ba	#ecd6ba	#7e694d	#7e694d
#c8ffec	#c8ffec	#366d5a	#366d5a	#f0e0cb	#f0e0cb	#5f4e39	#5f4e39
#dafff2	#dafff2	#24483c	#24483c	#f5eadc	#f5eadc	#3f3426	#3f3426
#ecfff8	#ecfff8	#12241e	#12241e	#faf4ed	#faf4ed	#1f1a13	#1f1a13
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #7fffd4 und Farbwert #deb887

Wechsel der Textfarbe bei Hover mit HTML-Befehl h5

Eine Überschrift setzt man mit Tag <h5>. Diese kann man farblich gestalten.

Die Textfarbe soll sich von Farbwert #7fffd4 auf Farbwert #deb887 ändern, wenn man mit der Maus auf <h5> zeigt. Wir bereiten zunächst eine Darstellung von <h5> in Farbwert #7fffd4 vor.

In diesem Beispiel ändern wir die Textfarbe von <h5> auf Farbwert #7fffd4. Zwar lassen wir die Hintergrundfarbe unverändert, ändern jedoch die Schriftart auf sans-serif. Die Größe der Schrift erhöhen wir auf 125%:

<style type="text/css"><!--
  h5 { 
    font-family:sans-serif; 
    font-size:125%; 
    color:#7fffd4;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe auf #deb887 ändert.

<style type="text/css"><!--
  h5: hover { 
    color: #deb887;
  }
//-->
</style>

Weiteres zu h5 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Die Beschreibung des hier genutzten Tag h5 lesen Sie in der HTML Referenz unter <h5>.

Hintergrund/Text-Kombination bei Befehl h6

Mit Tag <h6> setzen Sie eine Überschrift der 6. Stufe. Diese können Sie farblich gestalten.

Wir ändern für dieses Beispiel die Textfarbe von <h6> auf Farbwert #deb887 und die Hintergrundfarbe von <h6> auf Farbwert #7fffd4. Als Schriftart setzen wir monospace. Als Schriftgröße setzen wir 13px.

<style type="text/css"><!--
  h6 { 
    background-color:#7fffd4; 
    color:#deb887; 
    font-family:monospace; 
    font-size:13px;
  }
//-->
</style>

Mehr zu h6 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum HTML-Befehl h6 ist in der HTML Referenz bei <h6> ausführlich zusammengestellt.