Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbe gray30

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).

Hintergrundfarbe gray30

DetailHintergrundfarbe gray30 Verlauf nach WeißVerlauf nach Schwarz
Farbe :gray30#1e1e1e#1e1e1e#1e1e1e#1e1e1e
Farbwert :#1e1e1e#3e3e3e#3e3e3e#191919#191919
HTML:gray30#5e5e5e#5e5e5e#151515#151515
CSS:gray30#7e7e7e#7e7e7e#111111#111111
CSS (Wert):#1e1e1e#9e9e9e#9e9e9e#0c0c0c#0c0c0c
CSS (kürzest):#1e1e1e#bebebe#bebebe#080808#080808
CSS (RGB):rgb(30,30,30)#dedede#dedede#040404#040404
CSS (%RGB):rgb(11%,11%,11%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbe gray30

Änderung der Hintergrundfarbe von Tag select

Wir ändern hier bei <select> die Hintergrundfarbe auf Farbe gray30. Zwar ändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf courier new:

<style type="text/css"><!--
  select { 
    font-family:courier new; 
    background-color:gray30;
  }
//-->
</style>

Weiteres zum Thema können Sie in Formulare in HTML finden. Mehr zum hier verwendeten Befehl select ist in der HTML Referenz unter <select> ausführlich gezeigt.

Änderung der Textfarbe mit Tag p

Wir ändern zum Beispiel bei <p> die Textfarbe auf Farbe gray30.

<p style="color:gray30;">
p-Text hat Farbe gray30
</p>

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Einzelheiten vom hier genutzten HTML-Befehl <p>.

Tabelle der 256 Graustufen in HTML

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

Weitere Farbtabellen