Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightskyblue und Farbwert #dda0dd

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 lightskyblue			Schriftfarbwert #dda0dd
Detail	:	Hintergrund lightskyblue	Detail	:	Schrift #dda0dd
Farbe	:	lightskyblue	Farbwert	:	#dda0dd
Farbwert	:	#87cefa	Farbe	:	plum
HTML	:	lightskyblue	HTML	:	#dda0dd
HTML (Wert)	:	#87cefa	HTML (Wert)	:	#dda0dd
CSS	:	lightskyblue	CSS	:	#dda0dd
CSS (Wert)	:	#87cefa	CSS (Wert)	:	#dda0dd
CSS (kürzest)	:	#87cefa	CSS (kürzest)	:	#dda0dd
CSS (RGB)	:	rgb(135,206,250)	CSS (RGB)	:	rgb(221,160,221)
CSS (%RGB)	:	rgb(52%,80%,98%)	CSS (%RGB)	:	rgb(86%,62%,86%)

Verlauf Hintergrundfarbe lightskyblue nach Schriftfarbwert #dda0dd
#87cefa	#93c7f5	#9fc0f1	#abbaed	#b8b3e9	#c4ade5	#d0a6e1	#dda0dd
#87cefa	#93c7f5	#9fc0f1	#abbaed	#b8b3e9	#c4ade5	#d0a6e1	#dda0dd

Kombination von lightskyblue und #dda0dd
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #dda0dd und lightskyblue beträgt 94.26%. Die Lesbarkeit dieser Kombination bewerte ich mit 5.74%. #dda0dd eignet sich nicht als Schriftfarbe auf Hintergrund lightskyblue, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Hintergrundfarbe lightskyblue				Schriftfarbwert #dda0dd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#87cefa	#87cefa	#87cefa	#87cefa	#dda0dd	#dda0dd	#dda0dd	#dda0dd
#98d5fa	#98d5fa	#73b0d6	#73b0d6	#e1ade1	#e1ade1	#bd89bd	#bd89bd
#a9dcfb	#a9dcfb	#6093b2	#6093b2	#e6bbe6	#e6bbe6	#9d729d	#9d729d
#bae3fc	#bae3fc	#4d758e	#4d758e	#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e
#cbeafc	#cbeafc	#39586b	#39586b	#f0d6f0	#f0d6f0	#5e445e	#5e445e
#dcf1fd	#dcf1fd	#263a47	#263a47	#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f
#edf8fe	#edf8fe	#131d23	#131d23	#faf1fa	#faf1fa	#1f161f	#1f161f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightskyblue und Farbwert #dda0dd

Hintergrund/Text-Kombination bei Befehl a

Ein Verweis wird mit Befehl <a> erzeugt. Dieser kann farblich gestaltet und hervorgehoben werden.

Wir ändern hier die Textfarbe von <a> auf Farbwert #dda0dd und die Hintergrundfarbe von <a> auf Farbe lightskyblue. Die Schriftart ändern wir auf courier new und als Schriftgröße entscheiden wir uns für 13px.

<style type="text/css"><!--
  a { 
    background-color:lightskyblue; 
    font-family:courier new; 
    font-size:13px; 
    color:#dda0dd;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Verweise und Protokolle in HTML. Möglichkeiten des hier genutzten Befehl a lesen Sie in der HTML Referenz unter <a>.

Wechsel der Umrandung bei Hover bei HTML-Befehl frameset

Die Rahmenfarbe soll sich von Farbe lightskyblue auf Farbwert #dda0dd ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <frameset> in Farbe lightskyblue vor.

In diesem Beispiel umranden wir <frameset> mit einem 3 Pixel dicken, gepunkteten Rahmen in Farbe lightskyblue.

<style type="text/css"><!--
  frameset { 
    border-color: lightskyblue; 
    border-style: dotted; 
    border-width: 3px;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf #dda0dd geändert wird.

<style type="text/css"><!--
  frameset:hover { 
    border-color:#dda0dd;
  }
//-->
</style>

Mehr zum hier verwendeten HTML-Tag <frameset>.