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

Το αρχικό άρθρο γράφτηκε από την Jennifer Krynin και στη συνέχεια εκδόθηκε από τον Jeremy Girard.