När du lägger till färger på en webbplats gör du det sannolikt med antingen RGBA-färgvärden eller med bra gammaldags hexadecimal kod. Medan RGBA erbjuder webbdesigners några fina möjligheter, främst på grund av införandet av "alfakanal" genomskinlighet. Ändå stöder inte alla webbläsare RGBA (huvudsakligen äldre version av IE har inte RGBA-stöd), vilket innebär att hexadecimal kod fortfarande är det mest populära sättet att lägga till färger på en webbplats via stilark.
Vilka hexadecimala färgkoder ser ut
Hexadecimal färgkoder består av 3 grupper med 2 siffror i vardera. Detta föregås av # symbolen. Till exempel är # 000000 koden för färg svart. RGB-värdet (rött, grönt, blått) för denna färg är R: 0, B: 0, G: 0.
I det här fallet är det en enkel omvandling eftersom svart är alla nollor på något sätt - men andra färger är inte så enkla. Till exempel är RGB för en djärv röd R: 255, G: 0, B: 0 och hex-koden är # ff0000. R-värdet översätts till ff, medan både G- och B-värdena är nollor. Alla RGB-färger kan konverteras på detta sätt.
Denna tabell hjälper dig att konvertera RGB-koder till Hex-koder snabbt för att redigera färger på olika platser.
Den hexadecimala färgkodsdiagrammet
RGB | hex | RGB | hex | RGB | hex | RGB | hex | RGB | hex |
---|---|---|---|---|---|---|---|---|---|
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 | likström |
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 | växelström | 223 | DF |
20 | 14 | 71 | 47 | 122 | 7A | 173 | A.D | 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 | EG |
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 | före Kristus | 239 | EF |
36 | 24 | 87 | 57 | 138 | 8A | 189 | BD | 240 | F0 |
37 | 25 | 88 | 58 | 139 | 8B | 190 | VARA | 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 |
Den ursprungliga artikeln skrevs av Jennifer Krynin och därefter redigerad av Jeremy Girard.