Kiedy dodajesz kolory do strony internetowej, prawdopodobnie robisz to z wartościami kolorów RGBA lub z dobrym staromodnym kodem heksadecymalnym. Podczas RGBA oferuje projektantom stron internetowych kilka fajnych możliwości, głównie ze względu na włączenie przejrzystości "kanału alfa". Mimo to nie wszystkie przeglądarki obsługują RGBA (głównie starsza wersja IE nie obsługuje RGBA), co oznacza, że kod szesnastkowy nadal jest najpopularniejszym sposobem dodawania kolorów do strony za pośrednictwem arkuszy stylów.
Jakie szesnastkowe kody kolorów wyglądają
Heksadecymalne kody kolorów składają się z 3 grup po 2 cyfry w każdej z nich. Poprzedza to symbol #. Na przykład, # 000000 jest kodem dla koloru czarnego. Wartość RGB (czerwony, zielony, niebieski) dla tego koloru wynosi R: 0, B: 0, G: 0.
W tym przypadku jest to łatwa konwersja, ponieważ kolor czarny jest zerowy, ale inne kolory nie są tak proste. Na przykład RGB dla pogrubionej czerwieni to R: 255, G: 0, B: 0, a kod szesnastkowy to # ff0000. Wartość R tłumaczy się na ff, podczas gdy obie wartości G i B są zerami. Wszystkie kolory RGB mogą konwertować w ten sposób.
Ta tabela pomoże szybko przekonwertować kody RGB na kody Hex, aby edytować kolory w różnych lokalizacjach.
Heksadecymalna mapa kodów kolorów
| RGB | Klątwa | RGB | Klątwa | RGB | Klątwa | RGB | Klątwa | RGB | Klątwa |
|---|---|---|---|---|---|---|---|---|---|
| 1 | 01 | 52 | 34 | 103 | 67 | 154 | 9A | 205 | Płyta 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 | OGŁOSZENIE | 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 | E 4 |
| 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 | WE |
| 33 | 21 | 84 | 54 | 135 | 87 | 186 | BA | 237 | ED |
| 34 | 22 | 85 | 55 | 136 | 88 | 187 | nocleg ze śniadaniem | 238 | EE |
| 35 | 23 | 86 | 56 | 137 | 89 | 188 | pne | 239 | EF |
| 36 | 24 | 87 | 57 | 138 | 8A | 189 | BD | 240 | F0 |
| 37 | 25 | 88 | 58 | 139 | 8B | 190 | BYĆ | 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 | pełne wyżywienie |
| 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 |
Oryginalny artykuł został napisany przez Jennifer Krynin, a następnie zredagowany przez Jeremy'ego Girarda.




