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

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 #87ceeb
Detail	:	Hintergrund #7fffd4	Detail	:	Schrift #87ceeb
Farbwert	:	#7fffd4	Farbwert	:	#87ceeb
Farbe	:	aquamarine	Farbe	:	skyblue
HTML	:	#7fffd4	HTML	:	#87ceeb
HTML (Wert)	:	#7fffd4	HTML (Wert)	:	#87ceeb
CSS	:	#7fffd4	CSS	:	#87ceeb
CSS (Wert)	:	#7fffd4	CSS (Wert)	:	#87ceeb
CSS (kürzest)	:	#7fffd4	CSS (kürzest)	:	#87ceeb
CSS (RGB)	:	rgb(127,255,212)	CSS (RGB)	:	rgb(135,206,235)
CSS (%RGB)	:	rgb(49%,100%,83%)	CSS (%RGB)	:	rgb(52%,80%,92%)

Verlauf Hintergrundfarbwert #7fffd4 nach Schriftfarbwert #87ceeb
#7fffd4	#80f8d7	#81f1da	#82eadd	#83e3e1	#84dce4	#85d5e7	#87ceeb
#7fffd4	#80f8d7	#81f1da	#82eadd	#83e3e1	#84dce4	#85d5e7	#87ceeb

Kombination von #7fffd4 und #87ceeb
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #87ceeb und #7fffd4 ergibt sich zu 93.22%. Die Lesbarkeit dieser Kombination ergibt sich zu 6.78%. #87ceeb ist nicht als Schriftfarbe auf Hintergrund #7fffd4 geeignet, da die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbwert #7fffd4				Schriftfarbwert #87ceeb
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7fffd4	#7fffd4	#7fffd4	#7fffd4	#87ceeb	#87ceeb	#87ceeb	#87ceeb
#91ffda	#91ffda	#6cdab5	#6cdab5	#98d5ed	#98d5ed	#73b0c9	#73b0c9
#a3ffe0	#a3ffe0	#5ab697	#5ab697	#a9dcf0	#a9dcf0	#6093a7	#6093a7
#b5ffe6	#b5ffe6	#489179	#489179	#bae3f3	#bae3f3	#4d7586	#4d7586
#c8ffec	#c8ffec	#366d5a	#366d5a	#cbeaf6	#cbeaf6	#395864	#395864
#dafff2	#dafff2	#24483c	#24483c	#dcf1f9	#dcf1f9	#263a43	#263a43
#ecfff8	#ecfff8	#12241e	#12241e	#edf8fc	#edf8fc	#131d21	#131d21
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #7fffd4 und Farbwert #87ceeb

Wechsel der Umrandung bei Hover von Tag hr

Die Rahmenfarbe soll sich von Farbwert #7fffd4 auf Farbwert #87ceeb ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <hr> in Farbwert #7fffd4 vor.

In diesem Beispiel umranden wir <hr> mit einem 4 Pixel dicken, doppelten Rahmen in Farbwert #7fffd4.

<style type="text/css"><!--
  hr { border:4px double #7fffd4; }
//-->
</style>

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

<style type="text/css"><!--
  hr: hover { 
    border-color: #87ceeb;
  }
//-->
</style>

Mehr zu hr können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Möglichkeiten des hier verwendeten HTML-Befehl hr sind in der HTML Referenz unter <hr> ausführlich gezeigt.

Füllen und Umranden bei Tag label

Hier umranden wir <label> mit einem . Die Hintergrundfarbe für <label> färben wir mit Farbwert #7fffd4. Dies ist mit HTML kaum möglich. Daher nutzen wir dafür CSS.

<style type="text/css"><!--
  label { 
    background-color:#7fffd4; 
    border-color:#87ceeb; 
    border-width:2px; 
    border-style:groove;
  }
//-->
</style>

Mehr zum Thema label können Sie in Formulare in HTML finden. Mehr zum hier genutzten Tag label ist in der HTML Referenz bei <label> genau gezeigt.