Ressourcen: 120 HTML Farbnamen - Kombination von Farbe skyblue und Farbwert #ffdab9

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.

Hintergrundfarbe skyblue			Schriftfarbwert #ffdab9
Detail	:	Hintergrund skyblue	Detail	:	Schrift #ffdab9
Farbe	:	skyblue	Farbwert	:	#ffdab9
Farbwert	:	#87ceeb	Farbe	:	peachpuff
HTML	:	skyblue	HTML	:	#ffdab9
HTML (Wert)	:	#87ceeb	HTML (Wert)	:	#ffdab9
CSS	:	skyblue	CSS	:	#ffdab9
CSS (Wert)	:	#87ceeb	CSS (Wert)	:	#ffdab9
CSS (kürzest)	:	#87ceeb	CSS (kürzest)	:	#ffdab9
CSS (RGB)	:	rgb(135,206,235)	CSS (RGB)	:	rgb(255,218,185)
CSS (%RGB)	:	rgb(52%,80%,92%)	CSS (%RGB)	:	rgb(100%,85%,72%)

Verlauf Hintergrundfarbe skyblue nach Schriftfarbwert #ffdab9
#87ceeb	#98cfe3	#a9d1dc	#bad3d5	#cbd4ce	#dcd6c7	#edd8c0	#ffdab9
#87ceeb	#98cfe3	#a9d1dc	#bad3d5	#cbd4ce	#dcd6c7	#edd8c0	#ffdab9

Kombination von skyblue und #ffdab9
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#ffdab9 ist nicht als Schriftfarbe auf Hintergrund skyblue geeignet, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind. Die Ähnlichkeit der Farben #ffdab9 und skyblue ergibt sich zu 93.69%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 6.31%.

Hintergrundfarbe skyblue				Schriftfarbwert #ffdab9
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#87ceeb	#87ceeb	#87ceeb	#87ceeb	#ffdab9	#ffdab9	#ffdab9	#ffdab9
#98d5ed	#98d5ed	#73b0c9	#73b0c9	#ffdfc3	#ffdfc3	#daba9e	#daba9e
#a9dcf0	#a9dcf0	#6093a7	#6093a7	#ffe4cd	#ffe4cd	#b69b84	#b69b84
#bae3f3	#bae3f3	#4d7586	#4d7586	#ffe9d7	#ffe9d7	#917c69	#917c69
#cbeaf6	#cbeaf6	#395864	#395864	#ffefe1	#ffefe1	#6d5d4f	#6d5d4f
#dcf1f9	#dcf1f9	#263a43	#263a43	#fff4eb	#fff4eb	#483e34	#483e34
#edf8fc	#edf8fc	#131d21	#131d21	#fff9f5	#fff9f5	#241f1a	#241f1a
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe skyblue und Farbwert #ffdab9

Füllen und Umranden mit Tag h4

Mit HTML-Befehl <h4> wird eine Überschrift gesetzt. Sie kann farblich gestaltet und hervorgehoben werden.

Hier umranden wir <h4> mit einem 3 Punkte dicken, doppelten Rahmen in Farbwert #ffdab9 . Die Hintergrundfarbe für <h4> färben wir mit Farbe skyblue. Mit HTML geht dies kaum. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  h4 { 
    border-style: double; 
    border-color: #ffdab9; 
    border-width: 3pt; 
    background-color: skyblue;
  }
//-->
</style>

Mehr zu h4 lesen Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum hier genutzten HTML-Tag h4 lesen Sie in der HTML Referenz unter <h4>.

Wechsel der Textfarbe bei Hover bei Befehl a

Einen Hyperlink setzt man mit Tag <a>. Diesen können Sie farblich gestalten.

Die Textfarbe soll sich von Farbe skyblue auf Farbwert #ffdab9 ändern, wenn man mit der Maus auf <a> zeigt. Wir bereiten zunächst eine Formatierung von <a> in Farbe skyblue vor.

Wir legen hier bei <a> die Textfarbe auf Farbe skyblue fest. Die Hintergrundfarbe lassen wir unverändert, setzen jedoch die Schriftart auf monospace und ändern die Schriftgröße auf 12px:

<style type="text/css"><!--
  a { 
    color:skyblue; 
    font-size:12px; 
    font-family:monospace;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf #ffdab9 geändert wird.

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

Mehr zu a finden Sie in Verweise und Protokolle in HTML. Die Beschreibung des hier gezeigten Befehl a finden Sie in der HTML Referenz unter <a>.