Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbwert #aaaaaa

von Thomas Salvador.

Graustufen gehören zu den unbunten Farben und zeichnen sich dadurch aus, dass ihre Farbwerte für Rot, Grün und Blau gleich sind.

Graustufen enthalten natürlich alle 16 Graustufen und insbesondere die unbunten Grundfarben Schwarz und Weiß.

Um 256 Graustufen in HTML bzw. CSS zu erzeugen, wählen wir Farbwerte rr, gg und bb mit Werten von 0 bis 255 (d.h. hexadezimal 00 bis ff).

Hintergrundfarbwert #aaaaaa

DetailHintergrundfarbwert #aaaaaa Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#aaaaaa#aaaaaa#aaaaaa#aaaaaa#aaaaaa
Farbe :gray170#b6b6b6#b6b6b6#919191#919191
HTML:#aaaaaa#c2c2c2#c2c2c2#797979#797979
CSS:#aaaaaa#cecece#cecece#616161#616161
CSS (Wert):#aaaaaa#dadada#dadada#484848#484848
CSS (kürzest):#aaa#e6e6e6#e6e6e6#303030#303030
CSS (RGB):rgb(170,170,170)#f2f2f2#f2f2f2#181818#181818
CSS (%RGB):rgb(66%,66%,66%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbwert #aaaaaa

Änderung der Textfarbe mit HTML-Befehl dd

Zum Beispiel legen wir die Textfarbe von <dd> auf Farbwert #aaaaaa fest. Die Hintergrundfarbe verändern wir nicht, ändern jedoch die Schriftart auf arial.

<dd style="color:#aaa; font-family:arial;">
dd-Text nutzt Farbwert #aaaaaa
</dd>

Weiteres zum Thema können Sie in Listen und Glossare in HTML nachsehen. Einzelheiten vom hier genutzten Tag dd sind in der HTML Referenz unter <dd> genau beschrieben.

Umrandung bei HTML-Befehl address

In diesem Beispiel umranden wir <address> mit einem 3 Pixel dicken, gepunkteten Rahmen in Farbwert #aaaaaa. In HTML geht dies nicht. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  address { 
    border-color: #aaaaaa; 
    border-width: 3px; 
    border-style: dotted;
  }
//-->
</style>

Weiteres zum Thema können Sie in Blockorientierte Elemente in HTML erfahren. Einzelheiten vom Befehl <address>.

Tabelle der 256 Graustufen in HTML

Hintergrund Farbwert Farbe undSchrift Farbwert Farbkombination
black #000000         +  black #000000 black / #aaaaaa
gray1 #010101         +  gray1 #010101 gray1 / #aaaaaa
gray2 #020202         +  gray2 #020202 gray2 / #aaaaaa
gray3 #030303         +  gray3 #030303 gray3 / #aaaaaa
gray4 #040404         +  gray4 #040404 gray4 / #aaaaaa
gray5 #050505         +  gray5 #050505 gray5 / #aaaaaa
gray6 #060606         +  gray6 #060606 gray6 / #aaaaaa
gray7 #070707         +  gray7 #070707 gray7 / #aaaaaa
gray8 #080808         +  gray8 #080808 gray8 / #aaaaaa
gray9 #090909         +  gray9 #090909 gray9 / #aaaaaa
gray10 #0a0a0a         +  gray10 #0a0a0a gray10 / #aaaaaa
gray11 #0b0b0b         +  gray11 #0b0b0b gray11 / #aaaaaa
gray12 #0c0c0c         +  gray12 #0c0c0c gray12 / #aaaaaa
gray13 #0d0d0d         +  gray13 #0d0d0d gray13 / #aaaaaa
gray14 #0e0e0e         +  gray14 #0e0e0e gray14 / #aaaaaa
gray15 #0f0f0f         +  gray15 #0f0f0f gray15 / #aaaaaa
gray16 #101010         +  gray16 #101010 gray16 / #aaaaaa
gray17 #111111         +  gray17 #111111 gray17 / #aaaaaa
gray18 #121212         +  gray18 #121212 gray18 / #aaaaaa
gray19 #131313         +  gray19 #131313 gray19 / #aaaaaa
gray20 #141414         +  gray20 #141414 gray20 / #aaaaaa
gray21 #151515         +  gray21 #151515 gray21 / #aaaaaa
gray22 #161616         +  gray22 #161616 gray22 / #aaaaaa
gray23 #171717         +  gray23 #171717 gray23 / #aaaaaa
gray24 #181818         +  gray24 #181818 gray24 / #aaaaaa
gray25 #191919         +  gray25 #191919 gray25 / #aaaaaa
gray26 #1a1a1a         +  gray26 #1a1a1a gray26 / #aaaaaa
gray27 #1b1b1b         +  gray27 #1b1b1b gray27 / #aaaaaa
gray28 #1c1c1c         +  gray28 #1c1c1c gray28 / #aaaaaa
gray29 #1d1d1d         +  gray29 #1d1d1d gray29 / #aaaaaa
gray30 #1e1e1e         +  gray30 #1e1e1e gray30 / #aaaaaa
gray31 #1f1f1f         +  gray31 #1f1f1f gray31 / #aaaaaa
gray32 #202020         +  gray32 #202020 gray32 / #aaaaaa
gray33 #212121         +  gray33 #212121 gray33 / #aaaaaa
gray34 #222222         +  gray34 #222222 gray34 / #aaaaaa
gray35 #232323         +  gray35 #232323 gray35 / #aaaaaa
gray36 #242424         +  gray36 #242424 gray36 / #aaaaaa
gray37 #252525         +  gray37 #252525 gray37 / #aaaaaa
gray38 #262626         +  gray38 #262626 gray38 / #aaaaaa
gray39 #272727         +  gray39 #272727 gray39 / #aaaaaa
gray40 #282828         +  gray40 #282828 gray40 / #aaaaaa
gray41 #292929         +  gray41 #292929 gray41 / #aaaaaa
gray42 #2a2a2a         +  gray42 #2a2a2a gray42 / #aaaaaa
gray43 #2b2b2b         +  gray43 #2b2b2b gray43 / #aaaaaa
gray44 #2c2c2c         +  gray44 #2c2c2c gray44 / #aaaaaa
gray45 #2d2d2d         +  gray45 #2d2d2d gray45 / #aaaaaa
gray46 #2e2e2e         +  gray46 #2e2e2e gray46 / #aaaaaa
gray47 #2f2f2f         +  gray47 #2f2f2f gray47 / #aaaaaa
gray48 #303030         +  gray48 #303030 gray48 / #aaaaaa
gray49 #313131         +  gray49 #313131 gray49 / #aaaaaa
gray50 #323232         +  gray50 #323232 gray50 / #aaaaaa
gray51 #333333         +  gray51 #333333 gray51 / #aaaaaa
gray52 #343434         +  gray52 #343434 gray52 / #aaaaaa
gray53 #353535         +  gray53 #353535 gray53 / #aaaaaa
gray54 #363636         +  gray54 #363636 gray54 / #aaaaaa
gray55 #373737         +  gray55 #373737 gray55 / #aaaaaa
gray56 #383838         +  gray56 #383838 gray56 / #aaaaaa
gray57 #393939         +  gray57 #393939 gray57 / #aaaaaa
gray58 #3a3a3a         +  gray58 #3a3a3a gray58 / #aaaaaa
gray59 #3b3b3b         +  gray59 #3b3b3b gray59 / #aaaaaa
gray60 #3c3c3c         +  gray60 #3c3c3c gray60 / #aaaaaa
gray61 #3d3d3d         +  gray61 #3d3d3d gray61 / #aaaaaa
gray62 #3e3e3e         +  gray62 #3e3e3e gray62 / #aaaaaa
gray63 #3f3f3f         +  gray63 #3f3f3f gray63 / #aaaaaa
gray64 #404040         +  gray64 #404040 gray64 / #aaaaaa
gray65 #414141         +  gray65 #414141 gray65 / #aaaaaa
gray66 #424242         +  gray66 #424242 gray66 / #aaaaaa
gray67 #434343         +  gray67 #434343 gray67 / #aaaaaa
gray68 #444444         +  gray68 #444444 gray68 / #aaaaaa
gray69 #454545         +  gray69 #454545 gray69 / #aaaaaa
gray70 #464646         +  gray70 #464646 gray70 / #aaaaaa
gray71 #474747         +  gray71 #474747 gray71 / #aaaaaa
gray72 #484848         +  gray72 #484848 gray72 / #aaaaaa
gray73 #494949         +  gray73 #494949 gray73 / #aaaaaa
gray74 #4a4a4a         +  gray74 #4a4a4a gray74 / #aaaaaa
gray75 #4b4b4b         +  gray75 #4b4b4b gray75 / #aaaaaa
gray76 #4c4c4c         +  gray76 #4c4c4c gray76 / #aaaaaa
gray77 #4d4d4d         +  gray77 #4d4d4d gray77 / #aaaaaa
gray78 #4e4e4e         +  gray78 #4e4e4e gray78 / #aaaaaa
gray79 #4f4f4f         +  gray79 #4f4f4f gray79 / #aaaaaa
gray80 #505050         +  gray80 #505050 gray80 / #aaaaaa
gray81 #515151         +  gray81 #515151 gray81 / #aaaaaa
gray82 #525252         +  gray82 #525252 gray82 / #aaaaaa
gray83 #535353         +  gray83 #535353 gray83 / #aaaaaa
gray84 #545454         +  gray84 #545454 gray84 / #aaaaaa
gray85 #555555         +  gray85 #555555 gray85 / #aaaaaa
gray86 #565656         +  gray86 #565656 gray86 / #aaaaaa
gray87 #575757         +  gray87 #575757 gray87 / #aaaaaa
gray88 #585858         +  gray88 #585858 gray88 / #aaaaaa
gray89 #595959         +  gray89 #595959 gray89 / #aaaaaa
gray90 #5a5a5a         +  gray90 #5a5a5a gray90 / #aaaaaa
gray91 #5b5b5b         +  gray91 #5b5b5b gray91 / #aaaaaa
gray92 #5c5c5c         +  gray92 #5c5c5c gray92 / #aaaaaa
gray93 #5d5d5d         +  gray93 #5d5d5d gray93 / #aaaaaa
gray94 #5e5e5e         +  gray94 #5e5e5e gray94 / #aaaaaa
gray95 #5f5f5f         +  gray95 #5f5f5f gray95 / #aaaaaa
gray96 #606060         +  gray96 #606060 gray96 / #aaaaaa
gray97 #616161         +  gray97 #616161 gray97 / #aaaaaa
gray98 #626262         +  gray98 #626262 gray98 / #aaaaaa
gray99 #636363         +  gray99 #636363 gray99 / #aaaaaa
gray100 #646464         +  gray100 #646464 gray100 / #aaaaaa
gray101 #656565         +  gray101 #656565 gray101 / #aaaaaa
gray102 #666666         +  gray102 #666666 gray102 / #aaaaaa
gray103 #676767         +  gray103 #676767 gray103 / #aaaaaa
gray104 #686868         +  gray104 #686868 gray104 / #aaaaaa
gray105 #696969         +  gray105 #696969 gray105 / #aaaaaa
gray106 #6a6a6a         +  gray106 #6a6a6a gray106 / #aaaaaa
gray107 #6b6b6b         +  gray107 #6b6b6b gray107 / #aaaaaa
gray108 #6c6c6c         +  gray108 #6c6c6c gray108 / #aaaaaa
gray109 #6d6d6d         +  gray109 #6d6d6d gray109 / #aaaaaa
gray110 #6e6e6e         +  gray110 #6e6e6e gray110 / #aaaaaa
gray111 #6f6f6f         +  gray111 #6f6f6f gray111 / #aaaaaa
gray112 #707070         +  gray112 #707070 gray112 / #aaaaaa
gray113 #717171         +  gray113 #717171 gray113 / #aaaaaa
gray114 #727272         +  gray114 #727272 gray114 / #aaaaaa
gray115 #737373         +  gray115 #737373 gray115 / #aaaaaa
gray116 #747474         +  gray116 #747474 gray116 / #aaaaaa
gray117 #757575         +  gray117 #757575 gray117 / #aaaaaa
gray118 #767676         +  gray118 #767676 gray118 / #aaaaaa
gray119 #777777         +  gray119 #777777 gray119 / #aaaaaa
gray120 #787878         +  gray120 #787878 gray120 / #aaaaaa
gray121 #797979         +  gray121 #797979 gray121 / #aaaaaa
gray122 #7a7a7a         +  gray122 #7a7a7a gray122 / #aaaaaa
gray123 #7b7b7b         +  gray123 #7b7b7b gray123 / #aaaaaa
gray124 #7c7c7c         +  gray124 #7c7c7c gray124 / #aaaaaa
gray125 #7d7d7d         +  gray125 #7d7d7d gray125 / #aaaaaa
gray126 #7e7e7e         +  gray126 #7e7e7e gray126 / #aaaaaa
gray127 #7f7f7f         +  gray127 #7f7f7f gray127 / #aaaaaa
gray #808080         +  gray #808080 gray / #aaaaaa
gray129 #818181         +  gray129 #818181 gray129 / #aaaaaa
gray130 #828282         +  gray130 #828282 gray130 / #aaaaaa
gray131 #838383         +  gray131 #838383 gray131 / #aaaaaa
gray132 #848484         +  gray132 #848484 gray132 / #aaaaaa
gray133 #858585         +  gray133 #858585 gray133 / #aaaaaa
gray134 #868686         +  gray134 #868686 gray134 / #aaaaaa
gray135 #878787         +  gray135 #878787 gray135 / #aaaaaa
gray136 #888888         +  gray136 #888888 gray136 / #aaaaaa
gray137 #898989         +  gray137 #898989 gray137 / #aaaaaa
gray138 #8a8a8a         +  gray138 #8a8a8a gray138 / #aaaaaa
gray139 #8b8b8b         +  gray139 #8b8b8b gray139 / #aaaaaa
gray140 #8c8c8c         +  gray140 #8c8c8c gray140 / #aaaaaa
gray141 #8d8d8d         +  gray141 #8d8d8d gray141 / #aaaaaa
gray142 #8e8e8e         +  gray142 #8e8e8e gray142 / #aaaaaa
gray143 #8f8f8f         +  gray143 #8f8f8f gray143 / #aaaaaa
gray144 #909090         +  gray144 #909090 gray144 / #aaaaaa
gray145 #919191         +  gray145 #919191 gray145 / #aaaaaa
gray146 #929292         +  gray146 #929292 gray146 / #aaaaaa
gray147 #939393         +  gray147 #939393 gray147 / #aaaaaa
gray148 #949494         +  gray148 #949494 gray148 / #aaaaaa
gray149 #959595         +  gray149 #959595 gray149 / #aaaaaa
gray150 #969696         +  gray150 #969696 gray150 / #aaaaaa
gray151 #979797         +  gray151 #979797 gray151 / #aaaaaa
gray152 #989898         +  gray152 #989898 gray152 / #aaaaaa
gray153 #999999         +  gray153 #999999 gray153 / #aaaaaa
gray154 #9a9a9a         +  gray154 #9a9a9a gray154 / #aaaaaa
gray155 #9b9b9b         +  gray155 #9b9b9b gray155 / #aaaaaa
gray156 #9c9c9c         +  gray156 #9c9c9c gray156 / #aaaaaa
gray157 #9d9d9d         +  gray157 #9d9d9d gray157 / #aaaaaa
gray158 #9e9e9e         +  gray158 #9e9e9e gray158 / #aaaaaa
gray159 #9f9f9f         +  gray159 #9f9f9f gray159 / #aaaaaa
gray160 #a0a0a0         +  gray160 #a0a0a0 gray160 / #aaaaaa
gray161 #a1a1a1         +  gray161 #a1a1a1 gray161 / #aaaaaa
gray162 #a2a2a2         +  gray162 #a2a2a2 gray162 / #aaaaaa
gray163 #a3a3a3         +  gray163 #a3a3a3 gray163 / #aaaaaa
gray164 #a4a4a4         +  gray164 #a4a4a4 gray164 / #aaaaaa
gray165 #a5a5a5         +  gray165 #a5a5a5 gray165 / #aaaaaa
gray166 #a6a6a6         +  gray166 #a6a6a6 gray166 / #aaaaaa
gray167 #a7a7a7         +  gray167 #a7a7a7 gray167 / #aaaaaa
gray168 #a8a8a8         +  gray168 #a8a8a8 gray168 / #aaaaaa
gray169 #a9a9a9         +  gray169 #a9a9a9 gray169 / #aaaaaa
gray170 #aaaaaa         +  gray170 #aaaaaa gray170 / #aaaaaa
gray171 #ababab         +  gray171 #ababab gray171 / #aaaaaa
gray172 #acacac         +  gray172 #acacac gray172 / #aaaaaa
gray173 #adadad         +  gray173 #adadad gray173 / #aaaaaa
gray174 #aeaeae         +  gray174 #aeaeae gray174 / #aaaaaa
gray175 #afafaf         +  gray175 #afafaf gray175 / #aaaaaa
gray176 #b0b0b0         +  gray176 #b0b0b0 gray176 / #aaaaaa
gray177 #b1b1b1         +  gray177 #b1b1b1 gray177 / #aaaaaa
gray178 #b2b2b2         +  gray178 #b2b2b2 gray178 / #aaaaaa
gray179 #b3b3b3         +  gray179 #b3b3b3 gray179 / #aaaaaa
gray180 #b4b4b4         +  gray180 #b4b4b4 gray180 / #aaaaaa
gray181 #b5b5b5         +  gray181 #b5b5b5 gray181 / #aaaaaa
gray182 #b6b6b6         +  gray182 #b6b6b6 gray182 / #aaaaaa
gray183 #b7b7b7         +  gray183 #b7b7b7 gray183 / #aaaaaa
gray184 #b8b8b8         +  gray184 #b8b8b8 gray184 / #aaaaaa
gray185 #b9b9b9         +  gray185 #b9b9b9 gray185 / #aaaaaa
gray186 #bababa         +  gray186 #bababa gray186 / #aaaaaa
gray187 #bbbbbb         +  gray187 #bbbbbb gray187 / #aaaaaa
gray188 #bcbcbc         +  gray188 #bcbcbc gray188 / #aaaaaa
gray189 #bdbdbd         +  gray189 #bdbdbd gray189 / #aaaaaa
gray190 #bebebe         +  gray190 #bebebe gray190 / #aaaaaa
gray191 #bfbfbf         +  gray191 #bfbfbf gray191 / #aaaaaa
silver #c0c0c0         +  silver #c0c0c0 silver / #aaaaaa
gray193 #c1c1c1         +  gray193 #c1c1c1 gray193 / #aaaaaa
gray194 #c2c2c2         +  gray194 #c2c2c2 gray194 / #aaaaaa
gray195 #c3c3c3         +  gray195 #c3c3c3 gray195 / #aaaaaa
gray196 #c4c4c4         +  gray196 #c4c4c4 gray196 / #aaaaaa
gray197 #c5c5c5         +  gray197 #c5c5c5 gray197 / #aaaaaa
gray198 #c6c6c6         +  gray198 #c6c6c6 gray198 / #aaaaaa
gray199 #c7c7c7         +  gray199 #c7c7c7 gray199 / #aaaaaa
gray200 #c8c8c8         +  gray200 #c8c8c8 gray200 / #aaaaaa
gray201 #c9c9c9         +  gray201 #c9c9c9 gray201 / #aaaaaa
gray202 #cacaca         +  gray202 #cacaca gray202 / #aaaaaa
gray203 #cbcbcb         +  gray203 #cbcbcb gray203 / #aaaaaa
gray204 #cccccc         +  gray204 #cccccc gray204 / #aaaaaa
gray205 #cdcdcd         +  gray205 #cdcdcd gray205 / #aaaaaa
gray206 #cecece         +  gray206 #cecece gray206 / #aaaaaa
gray207 #cfcfcf         +  gray207 #cfcfcf gray207 / #aaaaaa
gray208 #d0d0d0         +  gray208 #d0d0d0 gray208 / #aaaaaa
gray209 #d1d1d1         +  gray209 #d1d1d1 gray209 / #aaaaaa
gray210 #d2d2d2         +  gray210 #d2d2d2 gray210 / #aaaaaa
gray211 #d3d3d3         +  gray211 #d3d3d3 gray211 / #aaaaaa
gray212 #d4d4d4         +  gray212 #d4d4d4 gray212 / #aaaaaa
gray213 #d5d5d5         +  gray213 #d5d5d5 gray213 / #aaaaaa
gray214 #d6d6d6         +  gray214 #d6d6d6 gray214 / #aaaaaa
gray215 #d7d7d7         +  gray215 #d7d7d7 gray215 / #aaaaaa
gray216 #d8d8d8         +  gray216 #d8d8d8 gray216 / #aaaaaa
gray217 #d9d9d9         +  gray217 #d9d9d9 gray217 / #aaaaaa
gray218 #dadada         +  gray218 #dadada gray218 / #aaaaaa
gray219 #dbdbdb         +  gray219 #dbdbdb gray219 / #aaaaaa
gray220 #dcdcdc         +  gray220 #dcdcdc gray220 / #aaaaaa
gray221 #dddddd         +  gray221 #dddddd gray221 / #aaaaaa
gray222 #dedede         +  gray222 #dedede gray222 / #aaaaaa
gray223 #dfdfdf         +  gray223 #dfdfdf gray223 / #aaaaaa
gray224 #e0e0e0         +  gray224 #e0e0e0 gray224 / #aaaaaa
gray225 #e1e1e1         +  gray225 #e1e1e1 gray225 / #aaaaaa
gray226 #e2e2e2         +  gray226 #e2e2e2 gray226 / #aaaaaa
gray227 #e3e3e3         +  gray227 #e3e3e3 gray227 / #aaaaaa
gray228 #e4e4e4         +  gray228 #e4e4e4 gray228 / #aaaaaa
gray229 #e5e5e5         +  gray229 #e5e5e5 gray229 / #aaaaaa
gray230 #e6e6e6         +  gray230 #e6e6e6 gray230 / #aaaaaa
gray231 #e7e7e7         +  gray231 #e7e7e7 gray231 / #aaaaaa
gray232 #e8e8e8         +  gray232 #e8e8e8 gray232 / #aaaaaa
gray233 #e9e9e9         +  gray233 #e9e9e9 gray233 / #aaaaaa
gray234 #eaeaea         +  gray234 #eaeaea gray234 / #aaaaaa
gray235 #ebebeb         +  gray235 #ebebeb gray235 / #aaaaaa
gray236 #ececec         +  gray236 #ececec gray236 / #aaaaaa
gray237 #ededed         +  gray237 #ededed gray237 / #aaaaaa
gray238 #eeeeee         +  gray238 #eeeeee gray238 / #aaaaaa
gray239 #efefef         +  gray239 #efefef gray239 / #aaaaaa
gray240 #f0f0f0         +  gray240 #f0f0f0 gray240 / #aaaaaa
gray241 #f1f1f1         +  gray241 #f1f1f1 gray241 / #aaaaaa
gray242 #f2f2f2         +  gray242 #f2f2f2 gray242 / #aaaaaa
gray243 #f3f3f3         +  gray243 #f3f3f3 gray243 / #aaaaaa
gray244 #f4f4f4         +  gray244 #f4f4f4 gray244 / #aaaaaa
gray245 #f5f5f5         +  gray245 #f5f5f5 gray245 / #aaaaaa
gray246 #f6f6f6         +  gray246 #f6f6f6 gray246 / #aaaaaa
gray247 #f7f7f7         +  gray247 #f7f7f7 gray247 / #aaaaaa
gray248 #f8f8f8         +  gray248 #f8f8f8 gray248 / #aaaaaa
gray249 #f9f9f9         +  gray249 #f9f9f9 gray249 / #aaaaaa
gray250 #fafafa         +  gray250 #fafafa gray250 / #aaaaaa
gray251 #fbfbfb         +  gray251 #fbfbfb gray251 / #aaaaaa
gray252 #fcfcfc         +  gray252 #fcfcfc gray252 / #aaaaaa
gray253 #fdfdfd         +  gray253 #fdfdfd gray253 / #aaaaaa
gray254 #fefefe         +  gray254 #fefefe gray254 / #aaaaaa
white #ffffff         +  white #ffffff white / #aaaaaa

Weitere Farbtabellen