Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #ff4500

von Thomas Salvador.

Farben werden in HTML entweder mit ihrem Namen oder mit ihrem Wert beschrieben.

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.

Hintergrundfarbwert #ff4500

DetailHintergrundfarbwert #ff4500 Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#ff4500#ff4500#ff4500#ff4500#ff4500
Farbe :orangered#ff5f24#ff5f24#da3b00#da3b00
HTML:#ff4500#ff7a48#ff7a48#b63100#b63100
CSS:#ff4500#ff946d#ff946d#912700#912700
CSS (Wert):#ff4500#ffaf91#ffaf91#6d1d00#6d1d00
CSS (kürzest):#ff4500#ffc9b6#ffc9b6#481300#481300
CSS (RGB):rgb(255,69,0)#ffe4da#ffe4da#240900#240900
CSS (%RGB):rgb(100%,27%,0%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbwert #ff4500

Farbige Unterstreichung von HTML-Tag address

Hier unterstreichen wir <address> mit Hilfe eines doppelten Rahmens mit 3 Pixel Dicke in Farbwert #ff4500. Das geht mit HTML kaum. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  address { border-bottom:3px double #ff4500; }
//-->
</style>

Die Idee ist dabei, voneinander unabhängige Formatierungen für Inhalt und Unterstreichung zu haben. Manchmal sehen Sie das bei Links. Der Text wird in einer Farbe dargestellt. Und die Unterstreichung in einer anderen. Das ist jedoch keine wirkliche Unterstreichung, der Text ist gar nicht unterstrichen. Sie wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Weiteres zum Thema address finden Sie in Blockorientierte Elemente in HTML. Die Beschreibung vom HTML-Tag address erfahren Sie in der HTML Referenz unter <address>.

Änderung der Textfarbe von Tag h2

Eine Überschrift der 2. Stufe erzeugen Sie mit HTML-Befehl <h2>. Diese kann farblich gestaltet werden.

Wir legen als Beispiel bei <h2> die Textfarbe auf Farbwert #ff4500 fest. Zwar ändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf sans-serif. Die Schriftgröße verringern wir auf 83%:

<h2 style="color:#ff4500; font-family:sans-serif; font-size:83%;">
Text ist in Farbwert #ff4500
</h2>

Mehr zum Thema h2 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten vom Befehl h2 sind in der HTML Referenz bei <h2> genau zusammengestellt.

Tabelle der 120 HTML Farbnamen

Hintergrund Farbwert Farbe undSchrift Farbwert Farbkombination
aliceblue #f0f8ff         +  aliceblue #f0f8ff aliceblue / #ff4500
antiquewhite #faebd7         +  antiquewhite #faebd7 antiquewhite / #ff4500
aquamarine #7fffd4         +  aquamarine #7fffd4 aquamarine / #ff4500
azure #f0ffff         +  azure #f0ffff azure / #ff4500
beige #f5f5dc         +  beige #f5f5dc beige / #ff4500
blueviolet #8a2be2         +  blueviolet #8a2be2 blueviolet / #ff4500
brown #a52a2a         +  brown #a52a2a brown / #ff4500
burlywood #deb887         +  burlywood #deb887 burlywood / #ff4500
cadetblue #5f9ea0         +  cadetblue #5f9ea0 cadetblue / #ff4500
chartreuse #7fff00         +  chartreuse #7fff00 chartreuse / #ff4500
chocolate #d2691e         +  chocolate #d2691e chocolate / #ff4500
coral #ff7f50         +  coral #ff7f50 coral / #ff4500
cornflowerblue #6495ed         +  cornflowerblue #6495ed cornflowerblue / #ff4500
cornsilk #fff8dc         +  cornsilk #fff8dc cornsilk / #ff4500
crimson #dc143c         +  crimson #dc143c crimson / #ff4500
darkblue #00008b         +  darkblue #00008b darkblue / #ff4500
darkcyan #008b8b         +  darkcyan #008b8b darkcyan / #ff4500
darkgoldenrod #b8860b         +  darkgoldenrod #b8860b darkgoldenrod / #ff4500
darkgray #a9a9a9         +  darkgray #a9a9a9 darkgray / #ff4500
darkgreen #006400         +  darkgreen #006400 darkgreen / #ff4500
darkkhaki #bdb76b         +  darkkhaki #bdb76b darkkhaki / #ff4500
darkmagenta #8b008b         +  darkmagenta #8b008b darkmagenta / #ff4500
darkolivegreen #556b2f         +  darkolivegreen #556b2f darkolivegreen / #ff4500
darkorange #ff8c00         +  darkorange #ff8c00 darkorange / #ff4500
darkorchid #9932cc         +  darkorchid #9932cc darkorchid / #ff4500
darkred #8b0000         +  darkred #8b0000 darkred / #ff4500
darksalmon #e9967a         +  darksalmon #e9967a darksalmon / #ff4500
darkseagreen #8fbc8f         +  darkseagreen #8fbc8f darkseagreen / #ff4500
darkslateblue #483d8b         +  darkslateblue #483d8b darkslateblue / #ff4500
darkslategray #2f4f4f         +  darkslategray #2f4f4f darkslategray / #ff4500
darkturquoise #00ced1         +  darkturquoise #00ced1 darkturquoise / #ff4500
darkviolet #9400d3         +  darkviolet #9400d3 darkviolet / #ff4500
deeppink #ff1493         +  deeppink #ff1493 deeppink / #ff4500
deepskyblue #00bfff         +  deepskyblue #00bfff deepskyblue / #ff4500
dimgray #696969         +  dimgray #696969 dimgray / #ff4500
dodgerblue #1e90ff         +  dodgerblue #1e90ff dodgerblue / #ff4500
firebrick #b22222         +  firebrick #b22222 firebrick / #ff4500
floralwhite #fffaf0         +  floralwhite #fffaf0 floralwhite / #ff4500
forestgreen #228b22         +  forestgreen #228b22 forestgreen / #ff4500
gainsboro #dcdcdc         +  gainsboro #dcdcdc gainsboro / #ff4500
ghostwhite #f8f8ff         +  ghostwhite #f8f8ff ghostwhite / #ff4500
gold #ffd700         +  gold #ffd700 gold / #ff4500
goldenrod #daa520         +  goldenrod #daa520 goldenrod / #ff4500
greenyellow #adff2f         +  greenyellow #adff2f greenyellow / #ff4500
honeydew #f0fff0         +  honeydew #f0fff0 honeydew / #ff4500
hotpink #ff69b4         +  hotpink #ff69b4 hotpink / #ff4500
indianred #cd5c5c         +  indianred #cd5c5c indianred / #ff4500
indigo #4b0082         +  indigo #4b0082 indigo / #ff4500
ivory #fffff0         +  ivory #fffff0 ivory / #ff4500
khaki #f0e68c         +  khaki #f0e68c khaki / #ff4500
lavender #e6e6fa         +  lavender #e6e6fa lavender / #ff4500
lavenderblush #fff0f5         +  lavenderblush #fff0f5 lavenderblush / #ff4500
lawngreen #7cfc00         +  lawngreen #7cfc00 lawngreen / #ff4500
lemonchiffon #fffacd         +  lemonchiffon #fffacd lemonchiffon / #ff4500
lightblue #add8e6         +  lightblue #add8e6 lightblue / #ff4500
lightcoral #f08080         +  lightcoral #f08080 lightcoral / #ff4500
lightcyan #e0ffff         +  lightcyan #e0ffff lightcyan / #ff4500
lightgoldenrodyellow #fafad2         +  lightgoldenrodyellow #fafad2 lightgoldenrodyellow / #ff4500
lightgreen #90ee90         +  lightgreen #90ee90 lightgreen / #ff4500
lightgrey #d3d3d3         +  lightgrey #d3d3d3 lightgrey / #ff4500
lightpink #ffb6c1         +  lightpink #ffb6c1 lightpink / #ff4500
lightsalmon #ffa07a         +  lightsalmon #ffa07a lightsalmon / #ff4500
lightseagreen #20b2aa         +  lightseagreen #20b2aa lightseagreen / #ff4500
lightskyblue #87cefa         +  lightskyblue #87cefa lightskyblue / #ff4500
lightslategray #778899         +  lightslategray #778899 lightslategray / #ff4500
lightsteelblue #b0c4de         +  lightsteelblue #b0c4de lightsteelblue / #ff4500
lightyellow #ffffe0         +  lightyellow #ffffe0 lightyellow / #ff4500
limegreen #32cd32         +  limegreen #32cd32 limegreen / #ff4500
linen #faf0e6         +  linen #faf0e6 linen / #ff4500
mediumaquamarine #66cdaa         +  mediumaquamarine #66cdaa mediumaquamarine / #ff4500
mediumblue #0000cd         +  mediumblue #0000cd mediumblue / #ff4500
mediumorchid #ba55d3         +  mediumorchid #ba55d3 mediumorchid / #ff4500
mediumpurple #9370db         +  mediumpurple #9370db mediumpurple / #ff4500
mediumseagreen #3cb371         +  mediumseagreen #3cb371 mediumseagreen / #ff4500
mediumslateblue #7b68ee         +  mediumslateblue #7b68ee mediumslateblue / #ff4500
mediumspringgreen #00fa9a         +  mediumspringgreen #00fa9a mediumspringgreen / #ff4500
mediumturquoise #48d1cc         +  mediumturquoise #48d1cc mediumturquoise / #ff4500
mediumvioletred #c71585         +  mediumvioletred #c71585 mediumvioletred / #ff4500
midnightblue #191970         +  midnightblue #191970 midnightblue / #ff4500
mintcream #f5fffa         +  mintcream #f5fffa mintcream / #ff4500
mistyrose #ffe4e1         +  mistyrose #ffe4e1 mistyrose / #ff4500
moccasin #ffe4b5         +  moccasin #ffe4b5 moccasin / #ff4500
navajowhite #ffdead         +  navajowhite #ffdead navajowhite / #ff4500
oldlace #fdf5e6         +  oldlace #fdf5e6 oldlace / #ff4500
olivedrab #6b8e23         +  olivedrab #6b8e23 olivedrab / #ff4500
orange #ffa500         +  orange #ffa500 orange / #ff4500
orangered #ff4500         +  orangered #ff4500 orangered / #ff4500
orchid #da70d6         +  orchid #da70d6 orchid / #ff4500
palegoldenrod #eee8aa         +  palegoldenrod #eee8aa palegoldenrod / #ff4500
palegreen #98fb98         +  palegreen #98fb98 palegreen / #ff4500
paleturquoise #afeeee         +  paleturquoise #afeeee paleturquoise / #ff4500
palevioletred #db7093         +  palevioletred #db7093 palevioletred / #ff4500
papayawhip #ffefd5         +  papayawhip #ffefd5 papayawhip / #ff4500
peachpuff #ffdab9         +  peachpuff #ffdab9 peachpuff / #ff4500
peru #cd853f         +  peru #cd853f peru / #ff4500
pink #ffc0cb         +  pink #ffc0cb pink / #ff4500
plum #dda0dd         +  plum #dda0dd plum / #ff4500
powderblue #b0e0e6         +  powderblue #b0e0e6 powderblue / #ff4500
rosybrown #bc8f8f         +  rosybrown #bc8f8f rosybrown / #ff4500
royalblue #4169e1         +  royalblue #4169e1 royalblue / #ff4500
saddlebrown #8b4513         +  saddlebrown #8b4513 saddlebrown / #ff4500
salmon #fa8072         +  salmon #fa8072 salmon / #ff4500
sandybrown #f4a460         +  sandybrown #f4a460 sandybrown / #ff4500
seagreen #2e8b57         +  seagreen #2e8b57 seagreen / #ff4500
seashell #fff5ee         +  seashell #fff5ee seashell / #ff4500
sienna #a0522d         +  sienna #a0522d sienna / #ff4500
skyblue #87ceeb         +  skyblue #87ceeb skyblue / #ff4500
slateblue #6a5acd         +  slateblue #6a5acd slateblue / #ff4500
slategray #708090         +  slategray #708090 slategray / #ff4500
snow #fffafa         +  snow #fffafa snow / #ff4500
springgreen #00ff7f         +  springgreen #00ff7f springgreen / #ff4500
steelblue #4682b4         +  steelblue #4682b4 steelblue / #ff4500
tan #d2b48c         +  tan #d2b48c tan / #ff4500
thistle #d8bfd8         +  thistle #d8bfd8 thistle / #ff4500
tomato #ff6347         +  tomato #ff6347 tomato / #ff4500
turquoise #40e0d0         +  turquoise #40e0d0 turquoise / #ff4500
violet #ee82ee         +  violet #ee82ee violet / #ff4500
wheat #f5deb3         +  wheat #f5deb3 wheat / #ff4500
whitesmoke #f5f5f5         +  whitesmoke #f5f5f5 whitesmoke / #ff4500
yellowgreen #9acd32         +  yellowgreen #9acd32 yellowgreen / #ff4500

Weitere Farbtabellen