Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffdab9 und Farbwert #1e90ff

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 #ffdab9			Schriftfarbwert #1e90ff
Detail	:	Hintergrund #ffdab9	Detail	:	Schrift #1e90ff
Farbwert	:	#ffdab9	Farbwert	:	#1e90ff
Farbe	:	peachpuff	Farbe	:	dodgerblue
HTML	:	#ffdab9	HTML	:	#1e90ff
HTML (Wert)	:	#ffdab9	HTML (Wert)	:	#1e90ff
CSS	:	#ffdab9	CSS	:	#1e90ff
CSS (Wert)	:	#ffdab9	CSS (Wert)	:	#1e90ff
CSS (kürzest)	:	#ffdab9	CSS (kürzest)	:	#1e90ff
CSS (RGB)	:	rgb(255,218,185)	CSS (RGB)	:	rgb(30,144,255)
CSS (%RGB)	:	rgb(100%,85%,72%)	CSS (%RGB)	:	rgb(11%,56%,100%)

Verlauf Hintergrundfarbwert #ffdab9 nach Schriftfarbwert #1e90ff
#ffdab9	#decfc3	#bec4cd	#9ebad7	#7eafe1	#5ea5eb	#3e9af5	#1e90ff
#ffdab9	#decfc3	#bec4cd	#9ebad7	#7eafe1	#5ea5eb	#3e9af5	#1e90ff

Kombination von #ffdab9 und #1e90ff
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.				#1e90ff eignet sich nicht als Schriftfarbe auf Hintergrund #ffdab9. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben #1e90ff und #ffdab9 beträgt 88.27%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 11.73%.

Hintergrundfarbwert #ffdab9				Schriftfarbwert #1e90ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffdab9	#ffdab9	#ffdab9	#ffdab9	#1e90ff	#1e90ff	#1e90ff	#1e90ff
#ffdfc3	#ffdfc3	#daba9e	#daba9e	#3e9fff	#3e9fff	#197bda	#197bda
#ffe4cd	#ffe4cd	#b69b84	#b69b84	#5eafff	#5eafff	#1566b6	#1566b6
#ffe9d7	#ffe9d7	#917c69	#917c69	#7ebfff	#7ebfff	#115291	#115291
#ffefe1	#ffefe1	#6d5d4f	#6d5d4f	#9ecfff	#9ecfff	#0c3d6d	#0c3d6d
#fff4eb	#fff4eb	#483e34	#483e34	#bedfff	#bedfff	#082948	#082948
#fff9f5	#fff9f5	#241f1a	#241f1a	#deefff	#deefff	#041424	#041424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #ffdab9 und Farbwert #1e90ff

Wechsel der Umrandung bei Hover mit Tag option

Die Rahmenfarbe soll sich von Farbwert #ffdab9 auf Farbwert #1e90ff ändern, wenn man mit der Maus auf <option> zeigt. Bereiten wir zunächst die Formatierung von <option> in Farbwert #ffdab9 vor.

In diesem Beispiel umranden wir <option> mit einem 4 Pixel dicken, einfallenden Rahmen in Farbwert #ffdab9.

<style type="text/css"><!--
  option { 
    border-style: inset; 
    border-color: #ffdab9; 
    border-width: 4px;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Rahmenfarbe zu #1e90ff ändert.

<style type="text/css"><!--
  option:hover { 
    border-color:#1e90ff;
  }
//-->
</style>

Weiteres zum Thema option können Sie in Formulare in HTML lesen. Möglichkeiten vom hier verwendeten HTML-Tag <option>.