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

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

DetailHintergrundfarbwert #d6d6d6 Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#d6d6d6#d6d6d6#d6d6d6#d6d6d6#d6d6d6
Farbe :gray214#dbdbdb#dbdbdb#b7b7b7#b7b7b7
HTML:#d6d6d6#e1e1e1#e1e1e1#989898#989898
CSS:#d6d6d6#e7e7e7#e7e7e7#7a7a7a#7a7a7a
CSS (Wert):#d6d6d6#ededed#ededed#5b5b5b#5b5b5b
CSS (kürzest):#d6d6d6#f3f3f3#f3f3f3#3d3d3d#3d3d3d
CSS (RGB):rgb(214,214,214)#f9f9f9#f9f9f9#1e1e1e#1e1e1e
CSS (%RGB):rgb(83%,83%,83%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbwert #d6d6d6

Umrandung mit Tag a

Mit Tag <a> setzen Sie einen Hyperlink. Dieser kann hervorgehoben und farblich gestaltet werden.

In diesem Beispiel umranden wir <a> mit einem 3 Pixel dicken, gefurchten Rahmen in Farbwert #d6d6d6. Das ist mit HTML so kaum möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    border-style:groove; 
    border-color:#d6d6d6; 
    border-width:3px;
  }
//-->
</style>

Weiteres zu a finden Sie in Verweise und Protokolle in HTML. Weiteres zum HTML-Tag a ist in der HTML Referenz bei <a> zusammengestellt.

Änderung der Hintergrundfarbe bei HTML-Befehl code

Hier legen wir Farbwert #d6d6d6 als Hintergrundfarbe von <code> fest. Die Textfarbe verändern wir nicht. Die Schriftart ändern wir auf monospace und setzen die Schriftgröße auf 114%.

<code style="background-color:#d6d6d6; font-family:monospace; font-size:114%;">
code-Hintergrund nutzt Farbwert #d6d6d6
</code>

Weiteres zum Thema können Sie in Text in HTML nachsehen. Möglichkeiten vom hier gezeigten Tag <code>.

Tabelle der 256 Graustufen in HTML

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

Weitere Farbtabellen