Když přidáváte barvy na web, pravděpodobně to děláte buď s hodnotami barev RGBA, nebo s dobrým staromódním hexadecimálním kódem. Zatímco RGBA nabízí webovým návrhářům několik hezkých možností, především kvůli začlenění průhlednosti "alfa kanálu". Přesto ne všechny prohlížeče podporují RGBA (hlavně starší verze IE nemají podporu RGBA), což znamená, že hexadecimální kód je stále nejoblíbenějším způsobem, jak přidat barvy na webové stránky pomocí listů stylů.
Jak vypadají šestnáctkové barevné kódy
Hexadecimální kódy barev se skládají ze tří skupin s 2 číslicemi v každé. Předchází to symbol #. Například # 000000 je kód černé barvy. Hodnota RGB (červená, zelená, modrá) pro tuto barvu je R: 0, B: 0, G: 0.
V tomto případě je to snadná konverze, protože černá jsou všechny nuly buď - ale jiné barvy nejsou tak jednoduché. Například RGB pro tučnou červenou barvu je R: 255, G: 0, B: 0 a hexadecimální kód je # ff0000. Hodnota R se převádí na hodnotu ff, zatímco hodnoty G a B jsou nuly. Všechny barvy RGB mohou být tímto způsobem konvertovány.
Tato tabulka vám pomůže rychle převést kódy RGB na Hex kódy, abyste mohli upravit barvy na různých místech.
Graf hexadecimálního barevného kódu
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 | 0 ° C | 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 | INZERÁT | 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 | ES |
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 | před naším letopočtem | 239 | EF |
36 | 24 | 87 | 57 | 138 | 8A | 189 | BD | 240 | F0 |
37 | 25 | 88 | 58 | 139 | 8B | 190 | BÝT | 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 | 5 D | 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 |
Původní článek napsal Jennifer Krynin a následně vydal Jeremy Girard.