Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #ff0000 und Farbwert #000000

HTML verfügt seit jeher über 17 Standard Farbnamen.

Sie entstehen dadurch, dass die 8 Grundfarben jeweils maximal und zu 50% enthalten sind.

Zu diesen 16 Farben kommt mit grey eine alternative Schreibweise für gray.

Hintergrundfarbwert #ff0000			Schriftfarbwert #000000
Detail	:	Hintergrund #ff0000	Detail	:	Schrift #000000
Farbwert	:	#ff0000	Farbwert	:	#000000
Farbe	:	red	Farbe	:	black
HTML	:	#ff0000	HTML	:	#000000
HTML (Wert)	:	#ff0000	HTML (Wert)	:	#000000
CSS	:	#ff0000	CSS	:	#000000
CSS (Wert)	:	#ff0000	CSS (Wert)	:	#000000
CSS (kürzest)	:	#f00	CSS (kürzest)	:	#000
CSS (RGB)	:	rgb(255,0,0)	CSS (RGB)	:	rgb(0,0,0)
CSS (%RGB)	:	rgb(100%,0%,0%)	CSS (%RGB)	:	rgb(0%,0%,0%)

Verlauf Hintergrundfarbwert #ff0000 nach Schriftfarbwert #000000
#ff0000	#da0000	#b60000	#910000	#6d0000	#480000	#240000	#000000
#ff0000	#da0000	#b60000	#910000	#6d0000	#480000	#240000	#000000

Kombination von #ff0000 und #000000
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.				#000000 ist nicht als Schriftfarbe auf Hintergrund #ff0000 geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend. Die Ähnlichkeit von #000000 und #ff0000 beträgt 74.99%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 25.01%.

Hintergrundfarbwert #ff0000				Schriftfarbwert #000000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff0000	#ff0000	#ff0000	#ff0000	#000000	#000000	#000000	#000000
#ff2424	#ff2424	#da0000	#da0000	#242424	#242424	#000000	#000000
#ff4848	#ff4848	#b60000	#b60000	#484848	#484848	#000000	#000000
#ff6d6d	#ff6d6d	#910000	#910000	#6d6d6d	#6d6d6d	#000000	#000000
#ff9191	#ff9191	#6d0000	#6d0000	#919191	#919191	#000000	#000000
#ffb6b6	#ffb6b6	#480000	#480000	#b6b6b6	#b6b6b6	#000000	#000000
#ffdada	#ffdada	#240000	#240000	#dadada	#dadada	#000000	#000000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ff0000 und Farbwert #000000

Wechsel der Umrandung bei Hover von Tag kbd

Die Rahmenfarbe soll sich von Farbwert #ff0000 auf Farbwert #000000 ändern, wenn man mit der Maus auf <kbd> zeigt. Wir bereiten zunächst eine Formatierung von <kbd> in Farbwert #ff0000 vor.

In diesem Beispiel umranden wir <kbd> mit einem 1 Pixel dicken, herausstehenden Rahmen in Farbwert #ff0000.

<style type="text/css"><!--
  kbd { 
    border-style: outset; 
    border-color: #ff0000; 
    border-width: 1px;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf #000000 gesetzt wird.

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

Mehr zum Thema kbd erfahren Sie in Text in HTML. Mehr zum HTML-Tag kbd erfahren Sie in der HTML Referenz unter <kbd>.

Füllen und Umranden von Tag colgroup

Hier umranden wir <colgroup> mit einem . Den Hintergrund von <colgroup> setzen wir auf Farbwert #ff0000. Dies ist mit HTML nicht möglich. Daher verwenden wir CSS.

<style type="text/css"><!--
  colgroup { 
    border-style: groove; 
    border-color: #000000; 
    background-color: #ff0000; 
    border-width: 4pt;
  }
//-->
</style>

Mehr zum Thema colgroup lesen Sie in Tabellen in HTML. Beschreibung des Tag <colgroup>.