Ressourcen: 8 Grundfarben in HTML - Kombination von Farbe lime und Farbwert #ffffff

Die bunten Grundfarben entstehen dadurch, dass die Anteile von Rot, Grün und Blau jeweils paarweise maximal sind.

In HTML und CSS haben damit die entsprechenden Bestandteile den Wert hexadezimal ff, bzw. dezimal 255 bzw. prozentual 100%.

Hintergrundfarbe lime			Schriftfarbwert #ffffff
Detail	:	Hintergrund lime	Detail	:	Schrift #ffffff
Farbe	:	lime	Farbwert	:	#ffffff
Farbwert	:	#00ff00	Farbe	:	white
HTML	:	lime	HTML	:	#ffffff
HTML (Wert)	:	#00ff00	HTML (Wert)	:	#ffffff
CSS	:	lime	CSS	:	#ffffff
CSS (Wert)	:	#00ff00	CSS (Wert)	:	#ffffff
CSS (kürzest)	:	#0f0	CSS (kürzest)	:	#fff
CSS (RGB)	:	rgb(0,255,0)	CSS (RGB)	:	rgb(255,255,255)
CSS (%RGB)	:	rgb(0%,100%,0%)	CSS (%RGB)	:	rgb(100%,100%,100%)

Verlauf Hintergrundfarbe lime nach Schriftfarbwert #ffffff
#00ff00	#24ff24	#48ff48	#6dff6d	#91ff91	#b6ffb6	#daffda	#ffffff
#00ff00	#24ff24	#48ff48	#6dff6d	#91ff91	#b6ffb6	#daffda	#ffffff

Kombination von lime und #ffffff
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				#ffffff eignet sich nicht als Schriftfarbe auf Hintergrund lime. Zwar ist der Farbunterschied gut, doch der Helligkeitsunterschied ist zu gering. Die Ähnlichkeit von #ffffff und lime ergibt sich zu 93.47%. Die Lesbarkeit dieser Kombination bewerte ich mit 6.53%.

Hintergrundfarbe lime				Schriftfarbwert #ffffff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ff00	#00ff00	#00ff00	#00ff00	#ffffff	#ffffff	#ffffff	#ffffff
#24ff24	#24ff24	#00da00	#00da00	#ffffff	#ffffff	#dadada	#dadada
#48ff48	#48ff48	#00b600	#00b600	#ffffff	#ffffff	#b6b6b6	#b6b6b6
#6dff6d	#6dff6d	#009100	#009100	#ffffff	#ffffff	#919191	#919191
#91ff91	#91ff91	#006d00	#006d00	#ffffff	#ffffff	#6d6d6d	#6d6d6d
#b6ffb6	#b6ffb6	#004800	#004800	#ffffff	#ffffff	#484848	#484848
#daffda	#daffda	#002400	#002400	#ffffff	#ffffff	#242424	#242424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lime und Farbwert #ffffff

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag textarea

Die Hintergrundfarbe soll sich von Farbe lime auf Farbwert #ffffff ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <textarea> in Farbe lime vor.

Wir setzen als Beispiel die Hintergrundfarbe von <textarea> auf Farbe lime.

<style type="text/css"><!--
  textarea { 
    background-color: lime;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu #ffffff ändert.

<style type="text/css"><!--
  textarea:hover { 
    background-color:#ffffff;
  }
//-->
</style>

Mehr zum Thema können Sie in Formulare in HTML nachsehen. Möglichkeiten des HTML-Befehl textarea sind in der HTML Referenz unter <textarea> genau gezeigt.

Füllen und Umranden von HTML-Tag iframe

In diesem Beispiel umranden wir <iframe> mit einem gezahnten, 5 Pixel dicken Rahmen in Farbwert #ffffff . Den Hintergrund von <iframe> färben wir mit Farbe lime. Das ist mit HTML kaum möglich. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  iframe { border:5px ridge #fff; background-color:lime; }
//-->
</style>

Möglichkeiten des HTML-Befehl iframe finden Sie in der HTML Referenz unter <iframe>.