Tutorial · 22/10/2026
Bảng màu RGB: 80 mã màu RGB, HEX, CMYK thông dụng theo nhóm màu
COLOR ME22/10/2026 · 11 phút đọc · 1 lượt xem
Bảng màu RGB 80 màu thông dụng chia theo nhóm (đỏ, cam, vàng, xanh lá, xanh dương, tím, hồng, nâu, xám) kèm mã RGB, HEX và CMYK tham khảo, đối chiếu 80/80 với công cụ Đổi mã màu. Cách đọc mã RGB, đổi RGB sang HEX, gõ mã trong Photoshop, Figma, Canva, CSS và cách pha sáng tối.
Trả lời nhanh: Bảng màu RGB là danh sách màu kèm mã RGB, tức 3 con số cho ánh sáng đỏ (R), xanh lá (G), xanh dương (B), mỗi số từ 0 đến 255. Ví dụ đỏ thuần là rgb(255, 0, 0), trắng là rgb(255, 255, 255), đen là rgb(0, 0, 0). Bên dưới là 80 màu thông dụng xếp theo nhóm, mỗi màu có mã RGB, HEX và CMYK tham khảo.
Muốn tra một màu không có trong bảng, bạn dán mã vào công cụ Đổi mã màu của ColorME: gõ rgb(...), mã HEX hoặc tên màu CSS là ra ngay HEX, RGB, HSL, CMYK.
8 màu gốc của hệ RGB, chỉ dùng hai giá trị 0 và 255:
| Màu | Mã RGB | Mã HEX | CMYK (công thức) |
|---|---|---|---|
| Đen | 0, 0, 0 | #000000 | 0, 0, 0, 100 |
| Trắng | 255, 255, 255 | #FFFFFF | 0, 0, 0, 0 |
| Đỏ | 255, 0, 0 | #FF0000 | 0, 100, 100, 0 |
| Xanh lá (lime) | 0, 255, 0 | #00FF00 | 100, 0, 100, 0 |
| Xanh dương | 0, 0, 255 | #0000FF | 100, 100, 0, 0 |
| Vàng | 255, 255, 0 | #FFFF00 | 0, 0, 100, 0 |
| Xanh lơ (cyan) | 0, 255, 255 | #00FFFF | 100, 0, 0, 0 |
| Hồng tím (magenta) | 255, 0, 255 | #FF00FF | 0, 100, 0, 0 |
Bảng màu RGB: 80 màu thông dụng theo nhóm, mỗi ô ghi mã R·G·B. Bảng ColorME, đối chiếu với công cụ Đổi mã màu ngày 22/10/2026.
Mã màu RGB là gì?
Màn hình điện thoại, laptop hay TV tạo màu bằng cách trộn ba nguồn sáng nhỏ: đỏ, xanh lá, xanh dương. Mã màu RGB ghi lại mỗi nguồn sáng bật mạnh bao nhiêu, theo thứ tự R, G, B. Số 0 là tắt hẳn, số 255 là sáng hết cỡ. Trang trợ giúp của Adobe về Color Picker ghi đúng như vậy: giá trị từ 0 đến 255, "0 is no color, and 255 is the pure color" (0 là không có màu đó, 255 là màu thuần).
Vài điều đọc là hiểu ngay một mã RGB:
- Số nào lớn nhất thì màu ngả về phía đó.
rgb(255, 165, 0)có đỏ cao, xanh lá vừa, xanh dương bằng 0 nên ra cam. - Cộng ánh sáng thì màu sáng lên. Đỏ cộng xanh lá ra vàng
rgb(255, 255, 0); bật cả ba hết cỡ ra trắng. Đây là cách trộn "cộng", ngược với pha sơn hay mực in, càng trộn càng tối. - Ba số bằng nhau là màu xám.
rgb(128, 128, 128)là xám vừa; số càng nhỏ xám càng đậm, đến0, 0, 0là đen. - Có tất cả 256 × 256 × 256 = 16.777.216 tổ hợp. Mỗi kênh có 256 mức (từ 0 đến 255).
Một kênh tăng từ 0 đến 255, cộng ánh sáng, và ba số bằng nhau ra màu xám. Sơ đồ ColorME.
Trên web, mã RGB thuộc không gian màu sRGB: MDN ghi hàm rgb() "expresses a color in the sRGB color space". Nếu bạn muốn hiểu kỹ RGB khác CMYK thế nào khi in, mình đã viết riêng ở bài hệ màu CMYK và RGB.
Mã RGB và mã HEX: cùng một màu, hai cách viết
Mã HEX (dạng #E0218A) chỉ là 3 con số RGB viết theo hệ 16, mỗi số thành 2 ký tự. Hồng cánh sen rgb(224, 33, 138) thành #E0218A: 224 là E0, 33 là 21, 138 là 8A. Trong hệ 16, A đến F thay cho 10 đến 15, nên FF là 255 và 00 là 0.
rgb(224, 33, 138) và #E0218A là cùng một màu: mỗi số viết theo hệ 16 thành 2 ký tự. Sơ đồ ColorME.
Vì vậy mỗi dòng trong bảng bên dưới có cả RGB lẫn HEX: phần mềm nào nhận kiểu nào thì bạn chép kiểu đó. Nếu bạn đang có mã HEX và cần đổi ngược, bài đổi mã màu HEX sang RGB, CMYK, HSL hướng dẫn từng bước trong công cụ.
Bảng mã màu RGB theo nhóm màu
Dưới đây là 72 màu chia 9 nhóm; cộng 8 màu gốc ở đầu bài là 80 màu. Ba điều cần biết trước khi dùng bảng:
- Mã RGB là gốc. HEX được tính từ RGB và mình đối chiếu cả 80 màu với công cụ Đổi mã màu ngày 22/10/2026: khớp 80 trên 80 cho cả RGB, HEX lẫn CMYK.
- Tên tiếng Việt là cách gọi thông dụng, không có chuẩn chung. "Đỏ đô" ở chỗ này có thể hơi khác "đỏ đô" ở chỗ khác; khi giao việc, hãy gửi mã chứ đừng gửi tên.
- Cột CMYK chỉ để tham khảo. Đây là phép đổi theo công thức đơn giản, đúng con số mà công cụ trả về. Màu in thật còn tuỳ hồ sơ màu, giấy và máy in; cần mã in thì xem bảng màu CMYK chuẩn in ấn.
Mã màu RGB nhóm đỏ
| Tên màu | RGB | HEX | CMYK (công thức) |
|---|---|---|---|
| Đỏ tươi | 227, 27, 35 | #E31B23 | 0, 88, 85, 11 |
| Đỏ cam | 227, 66, 52 | #E34234 | 0, 71, 77, 11 |
| Đỏ anh đào | 210, 4, 45 | #D2042D | 0, 98, 79, 18 |
| Đỏ son | 196, 30, 58 | #C41E3A | 0, 85, 70, 23 |
| Đỏ gạch | 181, 69, 47 | #B5452F | 0, 62, 74, 29 |
| Đỏ đô | 128, 0, 32 | #800020 | 0, 100, 75, 50 |
| Đỏ rượu vang | 114, 47, 55 | #722F37 | 0, 59, 52, 55 |
| Đỏ hồng nhạt | 246, 198, 198 | #F6C6C6 | 0, 20, 20, 4 |
Mã màu RGB nhóm cam
| Tên màu | RGB | HEX | CMYK (công thức) |
|---|---|---|---|
| Cam tươi | 255, 165, 0 | #FFA500 | 0, 35, 100, 0 |
| Cam đậm | 255, 140, 0 | #FF8C00 | 0, 45, 100, 0 |
| Cam quýt | 242, 133, 0 | #F28500 | 0, 45, 100, 5 |
| Cam đất | 204, 85, 0 | #CC5500 | 0, 58, 100, 20 |
| Cam gạch | 226, 114, 91 | #E2725B | 0, 50, 60, 11 |
| Cam san hô | 255, 127, 80 | #FF7F50 | 0, 50, 69, 0 |
| Cam pastel | 255, 179, 71 | #FFB347 | 0, 30, 72, 0 |
| Cam đào | 255, 218, 185 | #FFDAB9 | 0, 15, 27, 0 |
Mã màu RGB nhóm vàng
| Tên màu | RGB | HEX | CMYK (công thức) |
|---|---|---|---|
| Vàng chanh | 255, 244, 79 | #FFF44F | 0, 4, 69, 0 |
| Vàng tươi | 255, 215, 0 | #FFD700 | 0, 16, 100, 0 |
| Vàng nghệ | 244, 196, 48 | #F4C430 | 0, 20, 80, 4 |
| Vàng mù tạt | 225, 173, 1 | #E1AD01 | 0, 23, 100, 12 |
| Vàng gold | 212, 175, 55 | #D4AF37 | 0, 17, 74, 17 |
| Vàng đất | 204, 119, 34 | #CC7722 | 0, 42, 83, 20 |
| Vàng kem | 243, 229, 171 | #F3E5AB | 0, 6, 30, 5 |
| Vàng pastel | 253, 253, 150 | #FDFD96 | 0, 0, 41, 1 |
Mã màu RGB nhóm xanh lá
| Tên màu | RGB | HEX | CMYK (công thức) |
|---|---|---|---|
| Xanh lá pastel | 200, 230, 192 | #C8E6C0 | 13, 0, 17, 10 |
| Xanh nõn chuối | 191, 219, 56 | #BFDB38 | 13, 0, 74, 14 |
| Xanh bơ | 184, 201, 106 | #B8C96A | 8, 0, 47, 21 |
| Xanh lá | 47, 168, 79 | #2FA84F | 72, 0, 53, 34 |
| Xanh lá neon | 57, 255, 20 | #39FF14 | 78, 0, 92, 0 |
| Xanh lá đậm | 23, 96, 58 | #17603A | 76, 0, 40, 62 |
| Xanh rêu | 90, 107, 59 | #5A6B3B | 16, 0, 45, 58 |
| Xanh quân đội | 75, 83, 32 | #4B5320 | 10, 0, 61, 67 |
Mã màu RGB nhóm xanh dương
| Tên màu | RGB | HEX | CMYK (công thức) |
|---|---|---|---|
| Xanh dương pastel | 188, 217, 242 | #BCD9F2 | 22, 10, 0, 5 |
| Xanh da trời | 108, 184, 240 | #6CB8F0 | 55, 23, 0, 6 |
| Xanh nước biển | 30, 127, 203 | #1E7FCB | 85, 37, 0, 20 |
| Xanh lam | 31, 111, 235 | #1F6FEB | 87, 53, 0, 8 |
| Xanh coban | 0, 71, 171 | #0047AB | 100, 58, 0, 33 |
| Xanh jean | 63, 108, 158 | #3F6C9E | 60, 32, 0, 38 |
| Xanh xám | 107, 130, 153 | #6B8299 | 30, 15, 0, 40 |
| Xanh navy (xanh than) | 27, 42, 74 | #1B2A4A | 64, 43, 0, 71 |
Mã màu RGB nhóm tím
| Tên màu | RGB | HEX | CMYK (công thức) |
|---|---|---|---|
| Tím pastel | 195, 177, 225 | #C3B1E1 | 13, 21, 0, 12 |
| Tím hoa cà | 200, 162, 200 | #C8A2C8 | 0, 19, 0, 22 |
| Tím lavender | 181, 126, 220 | #B57EDC | 18, 43, 0, 14 |
| Tím violet | 127, 0, 255 | #7F00FF | 50, 100, 0, 0 |
| Tím hoàng gia | 120, 81, 169 | #7851A9 | 29, 52, 0, 34 |
| Tím mận | 142, 69, 133 | #8E4585 | 0, 51, 6, 44 |
| Tím purple | 128, 0, 128 | #800080 | 0, 100, 0, 50 |
| Tím than | 44, 30, 74 | #2C1E4A | 41, 59, 0, 71 |
Mã màu RGB nhóm hồng
| Tên màu | RGB | HEX | CMYK (công thức) |
|---|---|---|---|
| Hồng pastel | 248, 200, 220 | #F8C8DC | 0, 19, 11, 3 |
| Hồng phấn | 244, 194, 194 | #F4C2C2 | 0, 20, 20, 4 |
| Be hồng (nude) | 232, 196, 184 | #E8C4B8 | 0, 16, 21, 9 |
| Hồng ruốc | 255, 145, 164 | #FF91A4 | 0, 43, 36, 0 |
| Hồng neon | 255, 105, 180 | #FF69B4 | 0, 59, 29, 0 |
| Hồng đất | 192, 128, 129 | #C08081 | 0, 33, 33, 25 |
| Hồng cánh sen | 224, 33, 138 | #E0218A | 0, 85, 38, 12 |
| Hồng đậm | 194, 30, 86 | #C21E56 | 0, 85, 56, 24 |
Mã màu RGB nhóm nâu, be
| Tên màu | RGB | HEX | CMYK (công thức) |
|---|---|---|---|
| Be nhạt | 245, 222, 179 | #F5DEB3 | 0, 9, 27, 4 |
| Be (tan) | 210, 180, 140 | #D2B48C | 0, 14, 33, 18 |
| Nâu gỗ sáng | 222, 184, 135 | #DEB887 | 0, 17, 39, 13 |
| Nâu socola | 210, 105, 30 | #D2691E | 0, 50, 86, 18 |
| Nâu đất | 160, 82, 45 | #A0522D | 0, 49, 72, 37 |
| Nâu yên ngựa | 139, 69, 19 | #8B4513 | 0, 50, 86, 45 |
| Nâu cà phê | 111, 78, 55 | #6F4E37 | 0, 30, 50, 56 |
| Nâu sẫm | 75, 54, 33 | #4B3621 | 0, 28, 56, 71 |
Mã màu RGB nhóm trắng, xám
| Tên màu | RGB | HEX | CMYK (công thức) |
|---|---|---|---|
| Trắng ngà | 255, 255, 240 | #FFFFF0 | 0, 0, 6, 0 |
| Trắng khói | 245, 245, 245 | #F5F5F5 | 0, 0, 0, 4 |
| Ghi sáng | 209, 213, 219 | #D1D5DB | 5, 3, 0, 14 |
| Bạc | 192, 192, 192 | #C0C0C0 | 0, 0, 0, 25 |
| Xám | 128, 128, 128 | #808080 | 0, 0, 0, 50 |
| Xám xanh | 107, 123, 140 | #6B7B8C | 24, 12, 0, 45 |
| Xám than | 55, 65, 81 | #374151 | 32, 20, 0, 68 |
| Xám đen | 31, 41, 55 | #1F2937 | 44, 25, 0, 78 |
Cách dùng mã RGB trong Photoshop, Figma, Canva và CSS
Có mã rồi, việc còn lại là gõ đúng chỗ. Phần này mình viết theo trang trợ giúp của từng hãng, không kèm ảnh chụp phần mềm.
Chỗ gõ mã màu trong Photoshop, Figma, Canva và CSS, theo trang trợ giúp của Adobe, Figma và MDN (không phải ảnh chụp phần mềm). Sơ đồ ColorME.
Photoshop
Theo trang Choose colors của Adobe: bấm ô màu tiền cảnh (foreground) hoặc nền (background) trong thanh công cụ để mở Color Picker, rồi "enter numeric values in the R, G, and B text boxes", tức gõ 3 số vào ô R, G, B. Hộp thoại này cũng có ô nhập mã HEX (ô có dấu #), nên bạn có thể dán thẳng 0047AB thay vì gõ ba số.
Figma
Theo trang About color models của Figma: chọn layer, bấm ô màu ở mục Fill hoặc Stroke để mở bảng chọn màu, rồi dùng menu thả xuống bên dưới thanh Hue và Opacity để đổi cách hiển thị (mặc định là Hex) sang RGB. Figma ghi mỗi kênh R, G, B là "an integer between 0 and 255". Đổi kiểu hiển thị chỉ đổi cách ghi số, không đổi màu.
Canva
Ô màu của Canva quen với mã HEX: chọn phần tử, bấm ô màu trên thanh công cụ, bấm ô thêm màu mới rồi dán mã #0047AB. Mình không mở được trang trợ giúp của Canva tối nay (trang chặn truy cập tự động) và cũng không mở Canva để chụp cho bài này, nên tên nút có thể hơi khác theo phiên bản. Cách chắc ăn: đổi RGB sang HEX trước (bảng trên đã có sẵn cột HEX), rồi dán HEX.
CSS
Theo MDN, cách viết hiện nay là cách nhau bằng dấu cách: color: rgb(0 71 171);. Cách viết cũ có dấu phẩy rgb(0, 71, 171) vẫn chạy. Muốn trong suốt 50% thì thêm sau dấu gạch chéo: rgb(0 71 171 / 50%). MDN cũng ghi rgba() giờ chỉ là tên khác của rgb().
Tra hoặc đổi bất kỳ màu nào sang RGB bằng công cụ
Bảng 80 màu đủ cho phần lớn việc thường ngày. Khi cần một màu khác, hoặc có mã HEX, CMYK mà cần RGB, mình dùng công cụ Đổi mã màu. Mình thử ngày 22/10/2026 khi chưa đăng nhập:
- Mở công cụ, bấm vào ô Mã màu của bạn.
- Gõ mã theo dạng
rgb(0, 71, 171), hoặc mã HEX như#0047AB. - Kết quả hiện ngay bên dưới: HEX, RGB, HSL, HSV, CMYK, OKLCH và một biến CSS. Bấm vào ô nào thì chép mã ô đó.
Gõ rgb(0, 71, 171) vào công cụ Đổi mã màu: ra #0047AB, HSL, HSV, CMYK, OKLCH. Ảnh chụp màn hình thật, chưa đăng nhập, 22/10/2026.
Với ba màu lấy từ bảng, công cụ trả về đúng như bảng: xanh coban rgb(0, 71, 171) ra #0047AB và cmyk(100%, 58%, 0%, 33%); hồng cánh sen rgb(224, 33, 138) ra #E0218A và cmyk(0%, 85%, 38%, 12%); vàng mù tạt rgb(225, 173, 1) ra #E1AD01 và cmyk(0%, 23%, 100%, 12%).
Hai màu khác từ bảng tra trong công cụ: hồng cánh sen và vàng mù tạt. Ảnh chụp màn hình thật, 22/10/2026.
Những điều mình thấy khi thử:
- Gõ thiếu chữ
rgbvà dấu ngoặc, chỉ0 71 171, công cụ không nhận và giữ nguyên kết quả cũ. Hãy gõ đủrgb(0, 71, 171). - Gõ số vượt 255 như
rgb(300, 0, 0), công cụ tự đưa về 255 và ra#FF0000. - Bên trái có dải "Sáng hơn → tối hơn" gồm các biến thể của cùng màu; bấm một ô để chọn màu đó, tiện khi cần màu nhạt làm nền.
Trang công cụ ghi: "Hoàn toàn miễn phí, không cần đăng nhập và không giới hạn số lần dùng." Về dữ liệu, trang ghi: "Việc chuyển đổi chạy ngay trên trình duyệt của bạn. ColorME chỉ ghi nhận lượt dùng kèm mã màu bạn đổi hoặc sao chép để thống kê, không cần tài khoản." Mình chưa thử công cụ trên điện thoại thật và chưa thử nút Chọn màu (bảng chọn màu của hệ điều hành).
Bảng pha màu RGB: làm sáng, làm tối và phối màu từ bảng
Với RGB, "pha màu" chỉ là đổi ba con số. Hai phép hay dùng nhất:
- Làm sáng (pha với trắng): lấy trung bình mỗi số với 255. Xanh coban
0, 71, 171thành128, 163, 213(#80A3D5), một màu xanh nhạt hợp làm nền. - Làm tối (pha với đen): chia đôi mỗi số. Xanh coban thành
0, 36, 86(#002456, đã làm tròn 35,5 và 85,5 lên), hợp làm chữ hay viền.
Muốn nhanh hơn thì dùng dải "Sáng hơn → tối hơn" trong công cụ ở trên. Để phối một bảng màu từ chính bảng 80 màu, mình hay theo công thức một màu đậm, một màu sáng, một màu nhấn. Ví dụ: xanh navy 27, 42, 74 cho chữ, trắng ngà 255, 255, 240 cho nền, vàng mù tạt 225, 173, 1 cho nút hay điểm nhấn. Một bộ khác: đỏ đô 128, 0, 32, be nhạt 245, 222, 179, xám than 55, 65, 81.
Câu hỏi thường gặp
Mã màu RGB gồm những gì?
Gồm 3 số theo thứ tự đỏ (R), xanh lá (G), xanh dương (B), mỗi số từ 0 đến 255. Ví dụ rgb(255, 0, 0) là đỏ thuần, rgb(0, 0, 0) là đen, rgb(255, 255, 255) là trắng.
Hệ màu RGB có bao nhiêu màu?
Mỗi kênh có 256 mức (0 đến 255), nên có 256 × 256 × 256 = 16.777.216 tổ hợp màu.
Làm sao đổi mã RGB sang mã HEX?
Viết mỗi số theo hệ 16 thành 2 ký tự rồi ghép lại sau dấu #. Ví dụ rgb(224, 33, 138): 224 là E0, 33 là 21, 138 là 8A, nên ra #E0218A. Nhanh hơn thì dán rgb(224, 33, 138) vào công cụ Đổi mã màu của ColorME.
Mã CMYK trong bảng có in ra đúng màu không?
Không chắc. Cột CMYK là phép đổi theo công thức đơn giản. Trang công cụ Đổi mã màu ghi: màu in thật còn phụ thuộc hồ sơ màu ICC, loại giấy và máy in của nhà in, nên hãy in thử trước khi in số lượng lớn.
Công cụ Đổi mã màu có miễn phí không?
Trang công cụ ghi: "Hoàn toàn miễn phí, không cần đăng nhập và không giới hạn số lần dùng."
Tác giảCOLOR ME
