Wenn Sie einer Website Farben hinzufügen, verwenden Sie wahrscheinlich entweder RGBA-Farbwerte oder einen guten altmodischen Hexadezimalcode. Während RGBA Webdesignern einige schöne Möglichkeiten bietet, hauptsächlich aufgrund der Einbeziehung von "Alpha Channel" -Transparenz. Allerdings unterstützen nicht alle Browser RGBA (hauptsächlich ältere Versionen des IE unterstützen RGBA nicht), was bedeutet, dass hexadezimaler Code nach wie vor die beliebteste Methode ist, um einer Website über Stylesheets Farben hinzuzufügen.
Wie hexadezimale Farbcodes aussehen
Hexadezimale Farbcodes bestehen aus 3 Gruppen mit jeweils 2 Ziffern. Diesem wird das # -Symbol vorangestellt. Zum Beispiel ist # 000000 der Code für die Farbe Schwarz. Der RGB-Wert (Rot, Grün, Blau) für diese Farbe ist R: 0, B: 0, G: 0.
In diesem Fall ist dies eine einfache Konvertierung, da Schwarz entweder Nullen ist - andere Farben sind jedoch nicht so einfach. Zum Beispiel ist das RGB für ein kräftiges Rot R: 255, G: 0, B: 0 und der Hex-Code # ff0000. Der R-Wert wird in ff umgewandelt, während sowohl der G- als auch der B-Wert Nullen sind. Alle RGB-Farben können auf diese Weise konvertiert werden.
Diese Tabelle hilft Ihnen, RGB-Codes schnell in Hex-Codes umzuwandeln, um Farben an verschiedenen Stellen zu bearbeiten.
Die hexadezimale Farbcode-Tabelle
RGB | Verhexen | RGB | Verhexen | RGB | Verhexen | RGB | Verhexen | RGB | Verhexen |
---|---|---|---|---|---|---|---|---|---|
1 | 01 | 52 | 34 | 103 | 67 | 154 | 9A | 205 | CD |
2 | 02 | 53 | 35 | 104 | 68 | 155 | 9B | 206 | CE |
3 | 03 | 54 | 36 | 105 | 69 | 156 | 9C | 207 | CF |
4 | 04 | 55 | 37 | 106 | 6A | 157 | 9D | 208 | D0 |
5 | 05 | 56 | 38 | 107 | 6B | 158 | 9E | 209 | D1 |
6 | 06 | 57 | 39 | 108 | 6C | 159 | 9F | 210 | D2 |
7 | 07 | 58 | 3A | 109 | 6D | 160 | A0 | 211 | D3 |
8 | 08 | 59 | 3B | 110 | 6E | 161 | A1 | 212 | D4 |
9 | 09 | 60 | 3C | 111 | 6F | 162 | A2 | 213 | D5 |
10 | 0A | 61 | 3D | 112 | 70 | 163 | A3 | 214 | D6 |
11 | 0B | 62 | 3E | 113 | 71 | 164 | A4 | 215 | D7 |
12 | 0C | 63 | 3F | 114 | 72 | 165 | A5 | 216 | D8 |
13 | 0D | 64 | 40 | 115 | 73 | 166 | A6 | 217 | D9 |
14 | 0E | 65 | 41 | 116 | 74 | 167 | A7 | 218 | DA |
15 | 0F | 66 | 42 | 117 | 75 | 168 | A8 | 219 | DB |
16 | 10 | 67 | 43 | 118 | 76 | 169 | A9 | 220 | DC |
17 | 11 | 68 | 44 | 119 | 77 | 170 | AA | 221 | DD |
18 | 12 | 69 | 45 | 120 | 78 | 171 | AB | 222 | DE |
19 | 13 | 70 | 46 | 121 | 79 | 172 | AC | 223 | DF |
20 | 14 | 71 | 47 | 122 | 7A | 173 | ANZEIGE | 224 | E0 |
21 | 15 | 72 | 48 | 123 | 7B | 174 | AE | 225 | E1 |
22 | 16 | 73 | 49 | 124 | 7C | 175 | AF | 226 | E2 |
23 | 17 | 74 | 4A | 125 | 7D | 176 | B0 | 227 | E3 |
24 | 18 | 75 | 4B | 126 | 7E | 177 | B1 | 228 | E4 |
25 | 19 | 76 | 4C | 127 | 7F | 178 | B2 | 229 | E5 |
26 | 1A | 77 | 4D | 128 | 80 | 179 | B3 | 230 | E6 |
27 | 1B | 78 | 4E | 129 | 81 | 180 | B4 | 231 | E7 |
28 | 1C | 79 | 4F | 130 | 82 | 181 | B5 | 232 | E8 |
29 | 1D | 80 | 50 | 131 | 83 | 182 | B6 | 233 | E9 |
30 | 1E | 81 | 51 | 132 | 84 | 183 | B7 | 234 | EA |
31 | 1F | 82 | 52 | 133 | 85 | 184 | B8 | 235 | EB |
32 | 20 | 83 | 53 | 134 | 86 | 185 | B9 | 236 | EC |
33 | 21 | 84 | 54 | 135 | 87 | 186 | BA | 237 | ED |
34 | 22 | 85 | 55 | 136 | 88 | 187 | BB | 238 | EE |
35 | 23 | 86 | 56 | 137 | 89 | 188 | BC | 239 | EF |
36 | 24 | 87 | 57 | 138 | 8A | 189 | BD | 240 | F0 |
37 | 25 | 88 | 58 | 139 | 8B | 190 | SEIN | 241 | F1 |
38 | 26 | 89 | 59 | 140 | 8C | 191 | BF | 242 | F2 |
39 | 27 | 90 | 5A | 141 | 8D | 192 | C0 | 243 | F3 |
40 | 28 | 91 | 5B | 142 | 8E | 193 | C1 | 244 | F4 |
41 | 29 | 92 | 5C | 143 | 8F | 194 | C2 | 245 | F5 |
42 | 2A | 93 | 5D | 144 | 90 | 195 | C3 | 246 | F6 |
43 | 2B | 94 | 5E | 145 | 91 | 196 | C4 | 247 | F7 |
44 | 2C | 95 | 5F | 146 | 92 | 197 | C5 | 248 | F8 |
45 | 2D | 96 | 60 | 147 | 93 | 198 | C6 | 249 | F9 |
46 | 2E | 97 | 61 | 148 | 94 | 199 | C7 | 250 | FA |
47 | 2F | 98 | 62 | 149 | 95 | 200 | C8 | 251 | FB |
48 | 30 | 99 | 63 | 150 | 96 | 201 | C9 | 252 | FC |
49 | 31 | 100 | 64 | 151 | 97 | 202 | CA | 253 | FD |
50 | 32 | 101 | 65 | 152 | 98 | 203 | CB | 254 | FE |
51 | 33 | 102 | 66 | 153 | 99 | 204 | CC | 255 | FF |
Der Originalartikel wurde von Jennifer Krynin verfasst und anschließend von Jeremy Girard bearbeitet.