Ressourcen: 120 HTML Farbnamen - Kombination von Farbe seashell und Farbe greenyellow

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 seashell			Schriftfarbe greenyellow
Detail	:	Hintergrund seashell	Detail	:	Schrift greenyellow
Farbe	:	seashell	Farbe	:	greenyellow
Farbwert	:	#fff5ee	Farbwert	:	#adff2f
HTML	:	seashell	HTML	:	greenyellow
HTML (Wert)	:	#fff5ee	HTML (Wert)	:	#adff2f
CSS	:	seashell	CSS	:	greenyellow
CSS (Wert)	:	#fff5ee	CSS (Wert)	:	#adff2f
CSS (kürzest)	:	#fff5ee	CSS (kürzest)	:	#adff2f
CSS (RGB)	:	rgb(255,245,238)	CSS (RGB)	:	rgb(173,255,47)
CSS (%RGB)	:	rgb(100%,96%,93%)	CSS (%RGB)	:	rgb(67%,100%,18%)

Verlauf Hintergrundfarbe seashell nach Schriftfarbe greenyellow
#fff5ee	#f3f6d2	#e7f7b7	#dbf99c	#d0fa80	#c4fc65	#b8fd4a	#adff2f
#fff5ee	#f3f6d2	#e7f7b7	#dbf99c	#d0fa80	#c4fc65	#b8fd4a	#adff2f

Kombination von seashell und greenyellow
Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit von greenyellow und seashell beträgt 94.56%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.44%. greenyellow eignet sich nicht als Schriftfarbe auf Hintergrund seashell, weil die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe seashell				Schriftfarbe greenyellow
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff5ee	#fff5ee	#fff5ee	#fff5ee	#adff2f	#adff2f	#adff2f	#adff2f
#fff6f0	#fff6f0	#dad2cc	#dad2cc	#b8ff4c	#b8ff4c	#94da28	#94da28
#fff7f2	#fff7f2	#b6afaa	#b6afaa	#c4ff6a	#c4ff6a	#7bb621	#7bb621
#fff9f5	#fff9f5	#918c88	#918c88	#d0ff88	#d0ff88	#62911a	#62911a
#fffaf7	#fffaf7	#6d6966	#6d6966	#dbffa5	#dbffa5	#4a6d14	#4a6d14
#fffcfa	#fffcfa	#484644	#484644	#e7ffc3	#e7ffc3	#31480d	#31480d
#fffdfc	#fffdfc	#242322	#242322	#f3ffe1	#f3ffe1	#182406	#182406
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe seashell und Farbe greenyellow

Wechsel der Umrandung bei Hover bei Befehl frame

Die Rahmenfarbe soll sich von Farbe seashell auf Farbe greenyellow ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <frame> in Farbe seashell vor.

In diesem Beispiel umranden wir <frame> mit einem 5 Pixel dicken, doppelten Rahmen in Farbe seashell.

<style type="text/css"><!--
  frame { border:5px double seashell; }
//-->
</style>

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

<style type="text/css"><!--
  frame:hover { 
    border-color:greenyellow;
  }
//-->
</style>

Weiteres zum hier verwendeten HTML-Tag frame ist in der HTML Referenz unter <frame> zusammengestellt.