Bảng Màu Online: Tra Mã HEX, RGB, Gradient, HTML, CSS

STT	C	M	Y	K	R	G	B	HEX-16
1	0	100	100	45	139	0	22	#8B0016
2	0	100	100	25	178	0	31	#B2001F
3	0	100	100	15	197	0	35	#C50023
4	0	100	100	0	223	0	41	#DF0029
5	0	85	70	0	229	70	70	#E54646
6	0	65	50	0	238	124	107	#EE7C6B
7	0	45	30	0	245	168	154	#F5A89A
8	0	20	10	0	252	218	213	#FCDAD5
9	0	90	80	45	142	30	32	#8E1E20
10	0	90	80	25	182	41	43	#B6292B
11	0	90	80	15	200	46	49	#C82E31
12	0	90	80	0	223	53	57	#E33539
13	0	70	65	0	235	113	83	#EB7153
14	0	55	50	0	241	147	115	#F19373
15	0	40	35	0	246	178	151	#F6B297
16	0	20	20	0	252	217	196	#FCD9C4
17	0	60	100	45	148	83	5	#945305
18	0	60	100	25	189	107	9	#BD6B09
19	0	60	100	15	208	119	11	#D0770B
20	0	60	100	0	236	135	14	#EC870E
21	0	50	80	0	240	156	66	#F09C42
22	0	40	60	0	245	177	109	#F5B16D
23	0	25	40	0	250	206	156	#FACE9C
24	0	15	20	0	253	226	202	#FDE2CA
25	0	40	100	45	151	109	0	#976D00
26	0	40	100	25	193	140	0	#C18C00
27	0	40	100	15	213	155	0	#D59B00
28	0	40	100	0	241	175	0	#F1AF00
29	0	30	80	0	243	194	70	#F3C246
30	0	25	60	0	249	204	118	#F9CC76
31	0	15	40	0	252	224	166	#FCE0A6
32	0	10	20	0	254	235	208	#FEEBD0
33	0	0	100	45	156	153	0	#9C9900
34	0	0	100	25	199	195	0	#C7C300
35	0	0	100	15	220	216	0	#DCD800
36	0	0	100	0	249	244	0	#F9F400
37	0	0	80	0	252	245	76	#FCF54C
38	0	0	60	0	254	248	134	#FEF889
39	0	0	40	0	255	250	179	#FFFAB3
40	0	0	25	0	255	251	209	#FFFBD1
41	60	0	100	45	54	117	23	#367517
42	60	0	100	25	72	150	32	#489620
43	60	0	100	15	80	166	37	#50A625
44	60	0	100	0	91	189	43	#5BBD2B
45	50	0	80	0	131	199	93	#83C75D
46	35	0	60	0	175	215	136	#AFD788
47	25	0	40	0	200	226	177	#C8E2B1
48	12	0	20	0	230	241	216	#E6F1D8
49	100	0	90	45	0	98	65	#006241
50	100	0	90	25	0	127	84	#007F54
51	100	0	90	15	0	140	94	#008C5E
52	100	0	90	0	0	160	107	#00A06B
53	80	0	75	0	0	174	114	#00AE72
54	60	0	55	0	103	191	127	#67BF7F
55	45	0	35	0	152	208	185	#98D0B9
56	25	0	20	0	201	228	214	#C9E4D6
57	100	0	40	45	0	103	107	#00676B
58	100	0	40	25	0	132	137	#008489
59	100	0	40	15	0	146	152	#009298
60	100	0	40	0	0	166	173	#00A6AD
61	80	0	30	0	0	178	191	#00B2BF
62	60	0	25	0	110	195	201	#6EC3C9
63	45	0	20	0	153	209	211	#99D1D3
64	25	0	10	0	202	229	232	#CAE5E8
65	100	60	0	45	16	54	103	#103667
66	100	60	0	25	24	71	133	#184785
67	100	60	0	15	27	79	147	#1B4F93
68	100	60	0	0	32	90	167	#205AA7
69	85	50	0	0	66	110	180	#426EB4
70	65	40	0	0	115	136	193	#7388C1
71	50	25	0	0	148	170	214	#94AAD6
72	30	15	0	0	191	202	230	#BFCAE6
73	100	90	0	45	33	21	81	#211551
74	100	90	0	25	45	30	105	#2D1E69
75	100	90	0	15	50	34	117	#322275
76	100	90	0	0	58	40	133	#3A2885
77	85	80	0	0	81	31	144	#511F90
78	75	65	0	0	99	91	162	#635BA2
79	60	55	0	0	130	115	176	#8273B0
80	45	40	0	0	160	149	196	#A095C4
81	80	100	0	45	56	4	75	#38044B
82	80	100	0	25	73	7	97	#490761
83	80	100	0	15	82	9	108	#52096C
84	80	100	0	0	93	12	123	#5D0C7B
85	65	85	0	0	121	55	139	#79378B
86	55	65	0	0	140	99	164	#8C63A4
87	40	50	0	0	170	135	184	#AA87B8
88	25	30	0	0	201	181	212	#C9B5D4
89	40	100	0	45	100	0	75	#64004B
90	40	100	0	25	120	0	98	#780062
91	40	100	0	15	143	0	109	#8F006D
92	40	100	0	0	162	0	124	#A2007C
93	35	80	0	0	143	0	109	#AF4A92
94	25	60	0	0	197	124	172	#C57CAC
95	20	40	0	0	210	166	199	#D2A6C7
96	10	20	0	0	232	211	227	#E8D3E3
97	0	0	0	10	236	236	236	#ECECEC
98	0	0	0	20	215	215	215	#D7D7D7
99	0	0	0	30	194	194	194	#C2C2C2
100	0	0	0	35	183	183	183	#B7B7B7
101	0	0	0	45	160	160	160	#A0A0A0
102	0	0	0	55	137	137	137	#898989
103	0	0	0	65	112	112	112	#707070
104	0	0	0	75	85	85	85	#555555
105	0	0	0	85	54	54	54	#363636
106	0	0	0	100	0	0	0	#000000

Màu Logo	HSV, HSL	HEX	MÀU THỰC TẾ
Facebook	59,89,152	#3b5998
X (Twitter)	85,172,238	#55acee
Google+	220,78,65	#dc4e41
Pinterest	189,8,28	#bd081c
LinkedIn	0,119,181	#0077b5
Digg	0,0,0	#000000
Delicious	51,153,255	#3399ff
Stumbleupon	235,73,36	#eb4924
Tumblr	53,70,92	#00405d
Vkontakte	69,102,142	#45668e
Flattr	246,124,26 / 51,141,17	#f67c1a / #338d11
Reddit	255,69,0	#ff4500
Buffer	0, 0, 0	#000000
Weibo	206,17,38	#ce1126
Pocket	239,64,86	#ef4056
Xing	2,100,102 / 207,220,0	#026466 / #cfdc00
Odnoklassniki	237,129,43	#ed812b
WhatsApp	67,216,84	#43d854
Menéame	255,100,0	#ff6400
Blogger	245,125,0	#f57d00
Amazon	0,0,0 / 255,153,0	#000000 / #ff9900
Yahoo Mail	65,0,147	#410093
Gmail	234,67,53	#ea4335
Newsvine	0,180,136	#00b488
Evernote	45,190,96	#2dbe60
MySpace	0, 64, 93	#00405d
Viadeo	240,115,85	#f07355
Line	0,195,0	#00c300
Flipboard	225,40,40	#e12828
Yummly	0, 64, 93	#00405d
Viber	0, 64, 93	#00405d
Telegram	0, 64, 93	#00405d
Instagram	63,114,155	#3f729b
YouTube	205,32,31	#cd201f
Vimeo	26,183,234	#1ab7ea
Foursquare	0, 64, 93	#00405d
Behance	23,105,255	#1769ff
Github	0, 64, 93	#00405d
Skype	0,175,240	#00aff0
Snapchat	255,250,55	#fffa37

Tham khảo app: Chuyển chữ HOA=chữ thường

Các Loại Mã Code Màu Và Cách Dùng

Mã màu trong lập trình web và thiết đồ họa, in được biểu diễn bằng nhiều hệ khác nhau. Dưới đây là thông số các loại mã màu phổ biến cùng cách sử dụng:

---

1️⃣ Mã Màu HEX (Hexadecimal)

📌 Định dạng: #RRGGBB (Ví dụ: #FF5733)
📌 Cách dùng: Mã HEX dùng phổ biến trong HTML, CSS.

✅ Ví dụ trong CSS:

body {
    background-color: #FF5733; /* Màu cam */
}

✅ Ví dụ trong HTML:

<p style="color: #3498DB;">Màu chữ xanh dương</p>

---

2️⃣ Mã Màu RGB (Red, Green, Blue)

📌 Định dạng: rgb(R, G, B) (Ví dụ: rgb(255, 87, 51))
📌 Cách dùng: Dùng trong CSS, JavaScript, thiết kế đồ họa.

✅ Ví dụ trong CSS:

h1 {
    color: rgb(255, 87, 51); /* Màu cam */
}

✅ Ví dụ trong JavaScript:

document.body.style.backgroundColor = "rgb(0, 255, 150)";

---

3️⃣ Mã Màu RGBA (RGB + Alpha – Độ trong suốt)

📌 Định dạng: rgba(R, G, B, A) (A là độ trong suốt từ 0.0 đến 1.0)
📌 Cách dùng: Dùng trong CSS khi cần hiệu ứng trong suốt.

✅ Ví dụ trong CSS:

div {
    background-color: rgba(255, 87, 51, 0.5); /* Màu cam, 50% trong suốt */
}

---

4️⃣ Mã Màu HSL (Hue, Saturation, Lightness)

📌 Định dạng: hsl(H, S%, L%) (Ví dụ: hsl(0, 100%, 50%))
📌 Cách dùng: Dễ hiểu hơn RGB khi điều chỉnh độ sáng, độ bão hòa.

✅ Ví dụ trong CSS:

p {
    color: hsl(200, 100%, 50%); /* Màu xanh dương */
}

---

5️⃣ Mã Màu HSLA (HSL + Alpha – Độ trong suốt)

📌 Định dạng: hsla(H, S%, L%, A) (A từ 0.0 đến 1.0)
📌 Cách dùng: Giống HSL nhưng có thêm độ trong suốt.

✅ Ví dụ trong CSS:

span {
    background-color: hsla(0, 100%, 50%, 0.3); /* Đỏ nhạt 30% */
}

---

🔎 Khi Nào Dùng Loại Mã Màu Nào?

Loại mã màu	Dùng khi nào?
HEX	Khi làm web, đơn giản, dễ dùng.
RGB	Khi cần kết hợp màu bằng JavaScript hoặc thiết kế đồ họa.
RGBA	Khi cần màu trong suốt (opacity).
HSL	Khi cần chỉnh độ sáng, độ bão hòa dễ dàng hơn.
HSLA	Khi cần hiệu ứng màu trong suốt theo hệ màu HSL.

---

Chia sẽ ứng dụng: App Tính Tuổi Thai Online MIỄN PHÍ

3 Cách Tra Mã Màu Từ Ảnh

Ngoài dùng công cụ check bảng màu, bạn có thể tra mã màu từ ảnh PNG, GIF, TIFF, JPEG và JPG… bằng nhiều cách khác nhau, tùy theo bạn sử dụng máy tính hay điện thoại. Dưới đây là các phương pháp tra code màu đơn giản:

---

Dùng Công Cụ Online (Nhanh & Dễ)

Các trang web giúp bạn tải ảnh lên và check lấy mã màu từ ảnh ngay lập tức:

• 🎨 Image Color Picker: https://imagecolorpicker.com
• 🎨 HTML Color Codes: https://htmlcolorcodes.com/color-picker/
• 🎨 Color Hex: https://www.colorhexa.com

Cách làm:

1. Truy cập 1 trong các trang trên.
2. Tải ảnh lên hoặc dán link ảnh.
3. Chọn vị trí màu bạn muốn lấy.
4. Mã màu HEX, RGB sẽ hiện ra.

---

Dùng Photoshop hoặc Paint (PC)

• Photoshop:
  1. Mở ảnh bằng Photoshop.
  2. Chọn Công cụ Eyedropper (I).
  3. Nhấp vào vùng màu bạn muốn lấy.
  4. Xem mã màu ở bảng Color (F6).
• MS Paint (Windows)
  1. Mở ảnh bằng Paint.
  2. Dùng công cụ Eyedropper để chọn màu.
  3. Vào Edit Colors, xem mã RGB.

---

Dùng Ứng Dụng Điện Thoại (Android & iOS)

• Color Grab (Android)
• Color Picker for iOS
• Adobe Capture (iOS & Android)

Cách làm:

1. Mở ứng dụng chọn 1 trong các màu đỏ, vàng, cam, lục, lam, chàm, tím...
2. Chụp ảnh hoặc chọn ảnh từ thư viện.
3. Nhấn vào vùng màu cần tra mã: Red · Pink · Orange · Yellow · Purple · Green · Blue · Brown. White. Gray…
4. Ứng dụng sẽ hiển thị mã màu HEX & RGB.

---

Sử dụng: Tạo Chữ Ký Bằng AI Miễn Phí