Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #faebd7 und Farbwert #ffb6c1

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 #faebd7

Schriftfarbwert #ffb6c1

DetailHintergrund #faebd7 DetailSchrift #ffb6c1 
Farbwert :#faebd7Farbwert :#ffb6c1
Farbe :antiquewhiteFarbe :lightpink
HTML:#faebd7HTML:#ffb6c1
HTML (Wert):#faebd7HTML (Wert):#ffb6c1
CSS:#faebd7CSS:#ffb6c1
CSS (Wert):#faebd7CSS (Wert):#ffb6c1
CSS (kürzest):#faebd7CSS (kürzest):#ffb6c1
CSS (RGB):rgb(250,235,215)CSS (RGB):rgb(255,182,193)
CSS (%RGB):rgb(98%,92%,84%)CSS (%RGB):rgb(100%,71%,75%)

Verlauf Hintergrundfarbwert #faebd7 nach Schriftfarbwert #ffb6c1

#faebd7#fae3d3#fbdbd0#fcd4cd#fcccca#fdc5c7#febdc4#ffb6c1
#faebd7#fae3d3#fbdbd0#fcd4cd#fcccca#fdc5c7#febdc4#ffb6c1

Kombination von #faebd7 und #ffb6c1

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

#ffb6c1 eignet sich nicht als Schriftfarbe auf Hintergrund #faebd7, weil die Helligkeit und Farben zu ähnlich sind.

Die Ähnlichkeit von #ffb6c1 und #faebd7 ergibt sich zu 93.28%. Die Lesbarkeit dieser Kombination ergibt sich zu 6.72%.

Hintergrundfarbwert #faebd7

Schriftfarbwert #ffb6c1

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#faebd7#faebd7#faebd7#faebd7#ffb6c1#ffb6c1#ffb6c1#ffb6c1
#faeddc#faeddc#d6c9b8#d6c9b8#ffc0c9#ffc0c9#da9ca5#da9ca5
#fbf0e2#fbf0e2#b2a799#b2a799#ffcad2#ffcad2#b68289#b68289
#fcf3e8#fcf3e8#8e867a#8e867a#ffd5db#ffd5db#91686e#91686e
#fcf6ed#fcf6ed#6b645c#6b645c#ffdfe4#ffdfe4#6d4e52#6d4e52
#fdf9f3#fdf9f3#47433d#47433d#ffeaed#ffeaed#483437#483437
#fefcf9#fefcf9#23211e#23211e#fff4f6#fff4f6#241a1b#241a1b
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbwert #faebd7 und Farbwert #ffb6c1

Füllen und Umranden von Tag a

Einen Verweis erzeugt man mit Tag <a>. Diesen kann man hervorheben und farblich gestalten.

Für dieses Beispiel umranden wir <a> mit einem herausstehenden, 4 Pixel dicken Rahmen in Farbwert #ffb6c1 . Den Hintergrund von <a> färben wir entsprechend mit Farbwert #faebd7. Mit HTML geht das nicht. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    border-color:#ffb6c1; 
    border-width:4px; 
    background-color:#faebd7; 
    border-style:outset;
  }
//-->
</style>

Weiteres zu a können Sie in Verweise und Protokolle in HTML nachsehen. Einzelheiten vom hier gezeigten HTML-Befehl a finden Sie in der HTML Referenz unter <a>.

Hintergrund/Text-Kombination bei Tag blockquote

Wir ändern hier die Textfarbe von <blockquote> auf Farbwert #ffb6c1 und die Hintergrundfarbe von <blockquote> auf Farbwert #faebd7. Als Schriftart wählen wir arial und vergrößern die Schriftgröße auf 124%.

<style type="text/css"><!--
  blockquote { 
    font-family: arial; 
    background-color: #faebd7; 
    color: #ffb6c1; 
    font-size: 124%;
  }
//-->
</style>

Mehr zum Thema blockquote können Sie in Blockorientierte Elemente in HTML nachsehen. Beschreibung vom hier verwendeten HTML-Befehl <blockquote>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen