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

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 #000000			Schriftfarbe red
Detail	:	Hintergrund #000000	Detail	:	Schrift red
Farbwert	:	#000000	Farbe	:	red
Farbe	:	black	Farbwert	:	#ff0000
HTML	:	#000000	HTML	:	red
HTML (Wert)	:	#000000	HTML (Wert)	:	#ff0000
CSS	:	#000000	CSS	:	red
CSS (Wert)	:	#000000	CSS (Wert)	:	#ff0000
CSS (kürzest)	:	#000	CSS (kürzest)	:	#f00
CSS (RGB)	:	rgb(0,0,0)	CSS (RGB)	:	rgb(255,0,0)
CSS (%RGB)	:	rgb(0%,0%,0%)	CSS (%RGB)	:	rgb(100%,0%,0%)

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

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

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

Beispiele zur Kombination von Farbwert #000000 und Farbe red

Wechsel der Umrandung bei Hover bei HTML-Tag img

Die Rahmenfarbe soll sich von Farbwert #000000 auf Farbe red ändern, wenn man mit der Maus auf <img> zeigt. Wir bereiten zunächst die Darstellung von <img> in Farbwert #000000 vor.

In diesem Beispiel umranden wir <img> mit einem 5 Pixel dicken, einfallenden Rahmen in Farbwert #000000.

<style type="text/css"><!--
  img { border:5px inset #000; }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf red gesetzt wird.

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

Weiteres zum Thema finden Sie in Grafik in HTML. Einzelheiten vom HTML-Befehl img sind in der HTML Referenz unter <img> ausführlich beschrieben.

Füllen und Umranden bei Befehl button

Hier umranden wir <button> mit einem 1 Pixel dicken, gefurchten Rahmen in Farbe red . Den Hintergrund von <button> färben wir mit Farbwert #000000. Mit HTML geht das nicht. Daher verwenden wir hier CSS.

<style type="text/css"><!--
  button { 
    border-color:red; 
    background-color:#000000; 
    border-width:1px; 
    border-style:groove;
  }
//-->
</style>

Mehr zu button können Sie in Formulare in HTML lesen. Die Beschreibung des hier verwendeten HTML-Tag button erfahren Sie in der HTML Referenz unter <button>.