Bảng code màu đầy đủ – Bảng mã màu HTML, CSS, RGB, CMYK chuẩn

Đã kiểm duyệt nội dung
Đánh giá
Bảng mã màu là tập hợp các mã màu chuẩn được sử dụng trong HTML, CSS, RGB và CMYK để định nghĩa màu sắc chính xác trên web và các ấn phẩm in. Việc nắm rõ bảng màu giúp nhà thiết kế, lập trình viên và marketer dễ dàng chọn màu phù hợp, tạo trải nghiệm trực quan, đồng nhất và chuyên nghiệp. Trong bài viết này, mình sẽ tổng hợp bảng màu sắc chuẩn, kèm hướng dẫn cách sử dụng chuẩn cho từng nền tảng để bạn dễ tra mã màu và áp dụng ngay.
Những điểm chính
- Giới thiệu bảng mã màu là gì: Hiểu khái niệm bảng mã màu, vai trò của các mã màu trong HTML, CSS, RGB và CMYK, cũng như lý do cần sử dụng màu chuẩn trong thiết kế web và in ấn.
- Bảng mã màu HTML, CSS, RGB cơ bản: Nắm được các mã màu cơ bản, giúp bạn áp dụng nhanh trong lập trình web và thiết kế đơn giản.
- Bảng mã màu phổ biến, thường dùng: Biết các màu được sử dụng nhiều nhất, hỗ trợ lựa chọn màu phù hợp cho giao diện và thương hiệu.
- Bảng màu RGB đầy đủ trong thiết kế: Nắm được toàn bộ màu RGB, bao gồm đỏ, cam, vàng, xanh lá, xanh lục, xanh dương, tím, hồng, trắng, xám và nâu, giúp phối màu chuẩn xác và đồng nhất.
- Bảng màu CMYK dùng cho in ấn: Hiểu cách sử dụng màu CMYK để in ấn chính xác, đảm bảo màu sắc trên sản phẩm thực tế tương đồng với thiết kế trên màn hình.
- Biết thêm Vietnix là nhà cung cấp dịch vụ lưu trữ tốc độ cao, phù hợp cho các website và ứng dụng yêu cầu hiệu năng cao, xử lý đồ họa hoặc dữ liệu nặng.
- Câu hỏi thường gặp: Giải đáp các thắc mắc liên quan đến mã màu.

Giới thiệu bảng mã màu là gì?
Bảng mã màu là công cụ thiết yếu cho các nhà thiết kế website, đồ họa và in ấn. Nó giúp bạn xác định và sử dụng các màu sắc một cách chính xác và nhất quán trên các nền tảng khác nhau.
Bảng mã màu bao gồm các thông tin sau:
- Tên màu: Tên gọi chung của màu sắc bằng tiếng Việt và tiếng Anh.
- Mã màu HTML: Dùng để hiển thị màu sắc trên trang web.
- Mã màu CSS: Dùng để định dạng màu sắc trong CSS.
- Giá trị RGB: Biểu diễn màu sắc bằng ba thành phần: Red (đỏ), Green (xanh lá cây) và Blue (xanh lam). Mỗi thành phần có giá trị từ 0 đến 255.
- Giá trị CMYK: Biểu diễn màu sắc bằng bốn thành phần: Cyan (lục lam), Magenta (đỏ tươi), Yellow (vàng) và Black (đen). Mỗi thành phần có giá trị phần trăm từ 0% đến 100%.

Ngoài ra, để website của bạn hiển thị màu sắc một cách hoàn hảo, thu hút người dùng và mang lại trải nghiệm tốt nhất, bạn cũng nên cần một nền tảng hạ tầng lưu trữ mạnh mẽ và tốc độ cao. Bạn có thể tham khảo Vietnix với đa dạng giải pháp hosting, VPS chất lượng cao, đáp ứng mọi nhu cầu của website.
Web Hosting tại Vietnix là một giải pháp hosting với tốc độ truy cập vượt trội và hệ thống bảo mật tiên tiến, giúp hiển thị màu sắc website một cách chính xác và sống động. Bên cạnh đó, nếu website của bạn chứa nhiều hình ảnh, hiệu ứng đồ họa và yêu cầu tốc độ tải trang cực nhanh, có thể tham khảo NVMe Hosting với ổ cứng NVMe tốc độ cao sẽ là giải pháp tối ưu, mang đến trải nghiệm mượt mà và ấn tượng cho người dùng, đặc biệt là khi website sử dụng nhiều màu sắc và hiệu ứng đồ họa.
Bảng mã màu HTML, CSS, RGB cơ bản
Vietnix sẽ tổng hợp cho bạn bảng mã màu đầy đủ. Bao gồm có mã màu áp dụng cho code HTML, CSS và mã màu RGB, dành cho những nhà thiết kế website, lập trình viên, designer,… Chắc chắn các code màu sẽ rất cần thiết và hỗ trợ nhanh chóng hơn trong công việc. Với bảng mã này, bạn chỉ việc copy mã màu về trực tiếp và sử dụng.
Bảng mã màu phổ biến, thường dùng
Dưới đây là bảng các màu phổ biến dạng mã HEX-16 được sử dụng phổ biến nhất.
Bảng màu RGB đầy đủ trong thiết kế
Tiếp theo là bảng mã màu RGB tổng hợp theo dải màu chủ đạo.
Bảng mã màu RGB đỏ (Red colors)
Bảng mã màu RGB cam (Orange colors)
Bảng mã màu RGB vàng (Yellow color)
Bảng mã màu RGB xanh lá (Green colors)
Bảng mã màu RGB xanh lục (Cyan colors)
Bảng mã màu RGB xanh dương (Blue colors) – Mã màu xanh dương
Bảng mã màu RGB tím (Purple colors)
Pink colors
Bảng mã màu RGB trắng (White colors)
Bảng mã màu RGB xám (Gray colors)
Bảng mã màu RGB nâu (Brown colors)
Bảng màu CMYK dùng cho in ấn
CMYK là bảng mã màu được sử dụng nhiều trong ngành in ấn. CMYK còn có tên gọi khác four-color process” (quy trình bốn màu). Hệ màu CMYK gồm có:
- C: Cyan (màu lục lam).
- M: Magenta (màu đỏ tươi hay hồng tươi).
- Y: Yellow (màu vàng).
- K: Keyline (màu đen).
Dưới đây là bảng mã màu CMYK thông dụng song song với mã màu RGB vã mã HEX-16 tương ứng.
Tổng hợp mã màu icon mạng xã hội phổ hiện nay
Bảng dưới đây chỉ thể hiện những màu cơ bản đại diện cho logo/icon của từng mạng xã hội, không bao gồm toàn bộ các biến thể màu. Ví dụ, biểu tượng của Facebook thường sử dụng đồng thời hai tông màu chính là #ffffff và #3b5998.
Trong thực tế thiết kế đồ họa và truyền thông hình ảnh, nhiều sản phẩm không chỉ dùng một màu đơn lẻ mà còn kết hợp nhiều tông màu để tạo hiệu ứng nổi bật. Trường hợp này được gọi là màu Gradient, tức là dải màu chuyển tiếp liên tục giữa các gam màu đã được lựa chọn.
| Mạng xã hội | Decimal Code | Hex Code | Màu |
|---|---|---|---|
| 59,89,152 | #3b5998 | ||
| 85,172,238 | #55acee | ||
| Google+ | 220,78,65 | #dc4e41 | |
| 189,8,28 | #bd081c | ||
| 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 | |
| 255,69,0 | #ff4500 | ||
| Buffer | 0,0,0 | #000000 | |
| 206,17,38 | #ce1126 | ||
| 239,64,86 | #ef4056 | ||
| 2,100,102 / 207,220,0 | #026466 / #cfdc00 | ||
| Odnoklassniki | 237,129,43 | #ed812b | |
| 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 | 180,136 | #00b488 | |
| Evernote | 45,190,96 | #2dbe60 | |
| MySpace | 0,64,93 | #00405d | |
| Viadeo | 240,115,85 | #f07355 | |
| Line | 0,195,0 | #00c300 | |
| 225,40,40 | #e12828 | ||
| Yummly | 0,64,93 | #00405d | |
| Viber | 0,64,93 | #00405d | |
| Telegram | 0,64,93 | #00405d | |
| 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 | 175,240 | #00aff0 | |
| Snapchat | 255,250,55 | #fffa37 |
Vietnix – Nhà cung cấp dịch vụ lưu trữ tốc độ cao
Vietnix là nhà cung cấp dịch vụ VPS, hosting tốc độ cao, được xây dựng trên nền tảng hạ tầng hiện đại, tối ưu cho các website và ứng dụng yêu cầu hiệu năng mạnh, xử lý đồ họa hoặc dữ liệu nặng. Hệ thống hạ tầng tiên tiến kết hợp khả năng tùy chỉnh linh hoạt giúp người dùng dễ dàng quản trị và thiết lập thông qua giao diện trực quan, thân thiện.
Hiện nay, Vietnix cung cấp đa dạng các gói hosting bao gồm: MaxSpeed Hosting, WordPress Hosting, NVMe Hosting, Business Hosting, SEO Hosting và Hosting Giá Rẻ, giúp khách hàng có nhiều sự lựa chọn, tối ưu hóa khả năng vận hành. Ngoài ra, Vietnix còn cung cấp giải pháp backup tự động, đảm bảo an toàn dữ liệu và giúp bạn yên tâm phát triển dự án. Liên hệ ngay để được tư vấn chi tiết!
Thông tin liên hệ:
- Website: https://vietnix.vn/
- Hotline: 1800 1093
- Email: sales@vietnix.com.vn
- Địa chỉ: 265 Hồng Lạc, Phường Bảy Hiền, Thành Phố Hồ Chí Minh
Câu hỏi thường gặp
Cách tra màu từ ảnh đơn giản nhất?
Cách tra màu từ ảnh đơn giản nhất là:
1. Dùng công cụ chọn màu (Eyedropper Tool) trên phần mềm đồ họa
– Ví dụ: Photoshop, GIMP, Illustrator.
– Chỉ cần mở ảnh, dùng công cụ Eyedropper click vào điểm cần lấy màu → hiển thị mã HEX, RGB, HSL.
2. Dùng công cụ trực tuyến miễn phí
– Ví dụ: imagecolorpicker.com, htmlcolorcodes.com.
– Upload ảnh → click vào điểm cần lấy màu → hiển thị HEX, RGB, HSL.
3. Dùng tiện ích trình duyệt hoặc extension
– Chrome/Firefox có các extension như ColorZilla, Eye Dropper.
– Click vào ảnh trên web > lấy mã màu trực tiếp mà không cần tải ảnh.
Bảng màu sắc và tên gọi nào được sử dụng phổ biến nhất trong HTML, CSS và thiết kế đồ họa?
Các bảng màu phổ biến nhất trong HTML, CSS và thiết kế đồ họa là:
– Tên màu chuẩn HTML/CSS (ví dụ: red, blue, green).
– Mã HEX (#RRGGBB) và RGB/RGBA (rgb(255,0,0)).
– HSL/HSLA cho điều chỉnh độ sáng và bão hòa.
– CMYK chủ yếu dùng trong in ấn.
Web thường dùng tên màu, HEX và RGB, còn đồ họa/in ấn dùng RGB, CMYK và Pantone.
Lời kết
Hiểu và nắm vững bảng code màu đầy đủ giúp bạn lựa chọn màu chính xác, phối hợp hài hòa và áp dụng hiệu quả trong thiết kế web, đồ họa hay in ấn. Từ các mã màu HTML, CSS, RGB đến CMYK, mỗi loại đều có vai trò riêng và hỗ trợ tối ưu cho từng mục đích sử dụng. Việc tra cứu nhanh, sử dụng đúng bảng màu không chỉ nâng cao tính thẩm mỹ mà còn đảm bảo tính chuyên nghiệp cho sản phẩm của bạn. Hãy áp dụng bảng màu chuẩn này để thiết kế hiệu quả, tiết kiệm thời gian và tạo ra trải nghiệm trực quan, đồng nhất cho người dùng.
THEO DÕI VÀ CẬP NHẬT CHỦ ĐỀ BẠN QUAN TÂM
Đăng ký ngay để nhận những thông tin mới nhất từ blog của chúng tôi. Đừng bỏ lỡ cơ hội truy cập kiến thức và tin tức hàng ngày

















hay quá
hay