RGB - heksadesimaalinen värikoodikuvio

Kun lisäät värejä verkkosivustoon, olet todennäköisesti tehnyt sen joko RGBA-värituotteilla tai hyvällä vanhanaikaisella heksadesimaalisella koodilla. Vaikka RGBA tarjoaa web-suunnittelijoille hienoja mahdollisuuksia, lähinnä "alfa-kanavan" läpinäkyvyyden vuoksi. Kaikki selaimet eivät kuitenkaan tue RGBA: ta (lähinnä IE: n vanhemmat versiot eivät ole RGBA-tuki), joten heksadesimaalinen koodi on edelleen suosituin tapa lisätä värejä verkkosivustoon tyylisivuilla.

Mitä heksadesimaaliset värikoodit näyttävät

Hexadecimal-värikoodit koostuvat kolmesta ryhmästä, joissa on kaksi numeroa. Tätä edeltää #-symboli. Esimerkiksi # 000000 on värin musta koodi. Tämän värin RGB (punainen, vihreä, sininen) arvo on R: 0, B: 0, G: 0.

Tässä tapauksessa se on helppo muuntaminen, koska musta on kaikki nollia joko tavalla - mutta muut värit eivät ole yhtä suoraviivainen. Esimerkiksi RGB: n lihavoitu punainen on R: 255, G: 0, B: 0 ja heksakoodi on # ff0000. R-arvo muuttuu ff: ksi, kun taas G- ja B-arvot ovat nollia. Kaikki RGB-värit voivat muuntaa tällä tavoin.

Tämän taulukon avulla voit muuntaa RGB-koodit Hex-koodeihin nopeasti muokata värejä eri paikoissa.

Hexadecimal värikoodi kaavio

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	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	ILMOITUS	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	EY
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	BC	239	EF
36	24	87	57	138	8A	189	BD	240	F0
37	25	88	58	139	8B	190	OLLA	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