Ressourcen: 8 Grundfarben in HTML - Kombination von Farbe fuchsia und Farbwert #ffff00

von Thomas Salvador.

Es gibt insgesamt acht Grundfarben. Sie bestehen aus zwei unbunten Grundfarben (Schwarz und Weiß) und sechs bunten Grundfarben.

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 fuchsia

Schriftfarbwert #ffff00

DetailHintergrund fuchsia DetailSchrift #ffff00 
Farbe :fuchsiaFarbwert :#ffff00
Farbwert :#ff00ffFarbe :yellow
HTML:fuchsiaHTML:#ffff00
HTML (Wert):#ff00ffHTML (Wert):#ffff00
CSS:fuchsiaCSS:#ffff00
CSS (Wert):#ff00ffCSS (Wert):#ffff00
CSS (kürzest):#f0fCSS (kürzest):#ff0
CSS (RGB):rgb(255,0,255)CSS (RGB):rgb(255,255,0)
CSS (%RGB):rgb(100%,0%,100%)CSS (%RGB):rgb(100%,100%,0%)

Verlauf Hintergrundfarbe fuchsia nach Schriftfarbwert #ffff00

#ff00ff#ff24da#ff48b6#ff6d91#ff916d#ffb648#ffda24#ffff00
#ff00ff#ff24da#ff48b6#ff6d91#ff916d#ffb648#ffda24#ffff00

Kombination von fuchsia und #ffff00

Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.

#ffff00 eignet sich nicht als Schriftfarbe auf Hintergrund fuchsia, weil der Unterschied in den Helligkeiten nicht ausreichend ist

Die Ähnlichkeit der Farben #ffff00 und fuchsia beträgt 86.09%. Die Lesbarkeit dieser Kombination bewerte ich mit 13.91%.

Hintergrundfarbe fuchsia

Schriftfarbwert #ffff00

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#ff00ff#ff00ff#ff00ff#ff00ff#ffff00#ffff00#ffff00#ffff00
#ff24ff#ff24ff#da00da#da00da#ffff24#ffff24#dada00#dada00
#ff48ff#ff48ff#b600b6#b600b6#ffff48#ffff48#b6b600#b6b600
#ff6dff#ff6dff#910091#910091#ffff6d#ffff6d#919100#919100
#ff91ff#ff91ff#6d006d#6d006d#ffff91#ffff91#6d6d00#6d6d00
#ffb6ff#ffb6ff#480048#480048#ffffb6#ffffb6#484800#484800
#ffdaff#ffdaff#240024#240024#ffffda#ffffda#242400#242400
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiel zur Kombination von Farbe fuchsia und Farbwert #ffff00

Füllen und Umranden von HTML-Tag caption

Hier umranden wir <caption> mit einem . Die Hintergrundfarbe für <caption> setzen wir auf Farbe fuchsia. Mit HTML ist das nicht möglich. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  caption { border:5px double #ffff00; background-color:fuchsia; }
//-->
</style>

Mehr zum Thema erfahren Sie in Tabellen in HTML. Weiteres zum HTML-Befehl caption lesen Sie in der HTML Referenz unter <caption>.

Tabelle der 8 Grundfarben in HTML

Hintergrund Farbwert Farbe undSchrift Farbwert Farbkombination
aqua #00ffff         +  aqua #00ffff aqua / fuchsia
black #000000         +  black #000000 black / fuchsia
blue #0000ff         +  blue #0000ff blue / fuchsia
fuchsia #ff00ff         +  fuchsia #ff00ff fuchsia / fuchsia
lime #00ff00         +  lime #00ff00 lime / fuchsia
red #ff0000         +  red #ff0000 red / fuchsia
white #ffffff         +  white #ffffff white / fuchsia
yellow #ffff00         +  yellow #ffff00 yellow / fuchsia

Weitere Farbtabellen