Ressourcen: 120 HTML Farbnamen - Kombination von Farbe deeppink und Farbe aliceblue

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.

Hintergrundfarbe deeppink

Schriftfarbe aliceblue

DetailHintergrund deeppink DetailSchrift aliceblue 
Farbe :deeppinkFarbe :aliceblue
Farbwert :#ff1493Farbwert :#f0f8ff
HTML:deeppinkHTML:aliceblue
HTML (Wert):#ff1493HTML (Wert):#f0f8ff
CSS:deeppinkCSS:aliceblue
CSS (Wert):#ff1493CSS (Wert):#f0f8ff
CSS (kürzest):#ff1493CSS (kürzest):#f0f8ff
CSS (RGB):rgb(255,20,147)CSS (RGB):rgb(240,248,255)
CSS (%RGB):rgb(100%,7%,57%)CSS (%RGB):rgb(94%,97%,100%)

Verlauf Hintergrundfarbe deeppink nach Schriftfarbe aliceblue

#ff1493#fc34a2#fa55b1#f875c1#f696d0#f4b6e0#f2d7ef#f0f8ff
#ff1493#fc34a2#fa55b1#f875c1#f696d0#f4b6e0#f2d7ef#f0f8ff

Kombination von deeppink und aliceblue

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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.

aliceblue ist nicht als Schriftfarbe auf Hintergrund deeppink geeignet, weil die Farben zu ähnlich sind.

Die Ähnlichkeit der Farben aliceblue und deeppink beträgt 83.85%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 16.15%.

Hintergrundfarbe deeppink

Schriftfarbe aliceblue

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#ff1493#ff1493#ff1493#ff1493#f0f8ff#f0f8ff#f0f8ff#f0f8ff
#ff35a2#ff35a2#da117e#da117e#f2f9ff#f2f9ff#cdd4da#cdd4da
#ff57b1#ff57b1#b60e69#b60e69#f4faff#f4faff#abb1b6#abb1b6
#ff78c1#ff78c1#910b54#910b54#f6fbff#f6fbff#898d91#898d91
#ff9ad0#ff9ad0#6d083f#6d083f#f8fcff#f8fcff#666a6d#666a6d
#ffbbe0#ffbbe0#48052a#48052a#fafdff#fafdff#444648#444648
#ffddef#ffddef#240215#240215#fcfeff#fcfeff#222324#222324
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe deeppink und Farbe aliceblue

Füllen und Umranden bei HTML-Tag a

Ein Verweis wird mit HTML-Tag <a> erzeugt. Diesen können Sie farblich gestalten.

Hier umranden wir <a> mit einem . Den Hintergrund von <a> färben wir mit Farbe deeppink. Das geht mit HTML kaum. Daher nutzen wir CSS.

<style type="text/css"><!--
  a { 
    border-color:aliceblue; 
    border-style:outset; 
    background-color:deeppink; 
    border-width:4pt;
  }
//-->
</style>

Mehr zu a können Sie in Verweise und Protokolle in HTML nachlesen. Der hier gezeigte HTML-Tag a ist in der HTML Referenz unter <a> ausführlich gezeigt.

Hintergrund/Text-Kombination von Befehl p

Hier ändern wir die Textfarbe von <p> auf Farbe aliceblue und die Hintergrundfarbe von <p> auf Farbe deeppink. Die Schriftart ändern wir auf verdana und als Schriftgröße setzen wir 125%.

<style type="text/css"><!--
  p { 
    background-color:deeppink; 
    font-size:125%; 
    font-family:verdana; 
    color:aliceblue;
  }
//-->
</style>

Weiteres zu p finden Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des hier genutzten HTML-Tag p lesen Sie in der HTML Referenz unter <p>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen