Χρησιμοποιήστε αυτό το χρήσιμο γράφημα για να μετατρέψετε τις τιμές RGB σε δεκαεξαδικό κώδικα ιστότοπου
Όταν προσθέτετε χρώματα σε έναν ιστότοπο, πιθανόν να το κάνετε είτε με τιμές χρώματος RGBA είτε με καλό δεκαεξαδικό κώδικα. Ενώ η RGBA προσφέρει στους σχεδιαστές ιστοσελίδων κάποιες ωραίες δυνατότητες, κυρίως λόγω της συμπερίληψης της διαφάνειας του "άλφα καναλιού". Ακόμα, δεν υποστηρίζονται όλα τα προγράμματα περιήγησης RGBA (κυρίως η παλαιότερη έκδοση του IE δεν υποστηρίζει RGBA), πράγμα που σημαίνει ότι ο δεκαεξαδικός κώδικας εξακολουθεί να είναι ο πιο δημοφιλής τρόπος για να προσθέσετε χρώματα σε έναν ιστότοπο μέσω φύλλων στυλ.
Οι δεκαεξαδικοί κωδικοί χρώματος αποτελούνται από 3 ομάδες με 2 ψηφία σε κάθε μία. Αυτό προηγείται από το σύμβολο #. Για παράδειγμα, # 000000 είναι ο κωδικός για το μαύρο χρώμα. Η τιμή RGB (κόκκινο, πράσινο, μπλε) για αυτό το χρώμα είναι R: 0, B: 0, G: 0.
Σε αυτή την περίπτωση, είναι μια εύκολη μετατροπή επειδή το μαύρο είναι όλα ανεξίτηλα - αλλά άλλα χρώματα δεν είναι τόσο απλά. Για παράδειγμα, το RGB για ένα έντονο κόκκινο είναι R: 255, G: 0, B: 0 και ο δεκαεξαδικός κωδικός είναι # ff0000. Η τιμή R μεταφράζεται στο ff, ενώ και οι τιμές G και B είναι μηδέν. Όλα τα χρώματα RGB μπορούν να μετατρέπουν αυτόν τον τρόπο.
Αυτός ο πίνακας θα σας βοηθήσει να μετατρέψετε γρήγορα τους κωδικούς RGB σε κώδικες Hex για να επεξεργαστείτε χρώματα σε διάφορες τοποθεσίες.
RGB | Μαγεύω | RGB | Μαγεύω | RGB | Μαγεύω | RGB | Μαγεύω | RGB | Μαγεύω |
---|---|---|---|---|---|---|---|---|---|
1 | 01 | 52 | 34 | 103 | 67 | 154 | 9Α | 205 | CD |
2 | 02 | 53 | 35 | 104 | 68 | 155 | 9Β | 206 | CE |
3 | 03 | 54 | 36 | 105 | 69 | 156 | 9C | 207 | CF |
4 | 04 | 55 | 37 | 106 | 6Α | 157 | 9D | 208 | D0 |
5 | 05 | 56 | 38 | 107 | 6Β | 158 | 9Ε | 209 | D1 |
6 | 06 | 57 | 39 | 108 | 6C | 159 | 9F | 210 | D2 |
7 | 07 | 58 | 3Α | 109 | 6D | 160 | Α0 | 211 | D3 |
8 | 08 | 59 | 3Β | 110 | 6Ε | 161 | Α'1 | 212 | D4 |
9 | 09 | 60 | 3C | 111 | 6F | 162 | Α2 | 213 | D5 |
10 | 0Α | 61 | 3D | 112 | 70 | 163 | Α3 | 214 | D6 |
11 | 0Β | 62 | 3Ε | 113 | 71 | 164 | A4 | 215 | D7 |
12 | 0C | 63 | 3F | 114 | 72 | 165 | Α5 | 216 | D8 |
13 | 0D | 64 | 40 | 115 | 73 | 166 | A6 | 217 | D9 |
14 | 0Ε | 65 | 41 | 116 | 74 | 167 | Α7 | 218 | DA |
15 | 0F | 66 | 42 | 117 | 75 | 168 | Α8 | 219 | DB |
16 | 10 | 67 | 43 | 118 | 76 | 169 | Α9 | 220 | DC |
17 | 11 | 68 | 44 | 119 | 77 | 170 | ΑΑ | 221 | DD |
18 | 12 | 69 | 45 | 120 | 78 | 171 | ΑΒ | 222 | DE |
19 | 13 | 70 | 46 | 121 | 79 | 172 | ΜΕΤΑ ΧΡΙΣΤΟΝ | 223 | DF |
20 | 14 | 71 | 47 | 122 | 7Α | 173 | ΕΝΑ Δ | 224 | Ε0 |
21 | 15 | 72 | 48 | 123 | 7Β | 174 | AE | 225 | Ε1 |
22 | 16 | 73 | 49 | 124 | 7C | 175 | AF | 226 | Ε2 |
23 | 17 | 74 | 4Α | 125 | 7D | 176 | Β0 | 227 | Ε3 |
24 | 18 | 75 | 4Β | 126 | 7Ε | 177 | Β1 | 228 | Ε4 |
25 | 19 | 76 | 4C | 127 | 7F | 178 | Β2 | 229 | Ε5 |
26 | 1Α | 77 | 4D | 128 | 80 | 179 | B3 | 230 | Ε6 |
27 | 1Β | 78 | 4Ε | 129 | 81 | 180 | Β4 | 231 | Ε7 |
28 | 1C | 79 | 4F | 130 | 82 | 181 | B5 | 232 | E8 |
29 | 1D | 80 | 50 | 131 | 83 | 182 | Β6 | 233 | E9 |
30 | 1Ε | 81 | 51 | 132 | 84 | 183 | Β7 | 234 | ΕΑ |
31 | 1F | 82 | 52 | 133 | 85 | 184 | Β8 | 235 | EB |
32 | 20 | 83 | 53 | 134 | 86 | 185 | B9 | 236 | ΕΚ |
33 | 21 | 84 | 54 | 135 | 87 | 186 | BA | 237 | ED |
34 | 22 | 85 | 55 | 136 | 88 | 187 | ΒΒ | 238 | EE |
35 | 23 | 86 | 56 | 137 | 89 | 188 | προ ΧΡΙΣΤΟΥ | 239 | EF |
36 | 24 | 87 | 57 | 138 | 8Α | 189 | BD | 240 | F0 |
37 | 25 | 88 | 58 | 139 | 8Β | 190 | ΕΙΝΑΙ | 241 | F1 |
38 | 26 | 89 | 59 | 140 | 8C | 191 | BF | 242 | F2 |
39 | 27 | 90 | 5Α | 141 | 8D | 192 | C0 | 243 | F3 |
40 | 28 | 91 | 5Β | 142 | 8Ε | 193 | C1 | 244 | F4 |
41 | 29 | 92 | 5C | 143 | 8F | 194 | C2 | 245 | F5 |
42 | 2Α | 93 | 5D | 144 | 90 | 195 | C3 | 246 | F6 |
43 | 2Β | 94 | 5Ε | 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 | 2Ε | 97 | 61 | 148 | 94 | 199 | C7 | 250 | ΦΑ |
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 |
Browser Ασφαλή Χρώματα CSS Χρώμα Λέξεις-κλειδιά SVG Χρώμα Λέξεις-κλειδιά | RGB to Hex Διάγραμμα μετατροπής Σύνδεσμοι πληροφοριών χρώματος
Αρχικό άρθρο από την Jennifer Krynin, επιμελημένο από τον Jeremy Girard