Phòng 2404, Tòa nhà 16B Nguyễn Thái Học

Trung tâm hỗ trợ Học sinh, Sinh viên

Giới thiệu

Tin tức

Tuyển sinh

Học thử

Miễn phí (toàn quốc)

0968 976 088

Hotline tư vấn miễn phí

024.63251329

Hotline tư vấn miễn phí

Tin tức

Bảng mã màu html, css mới nhất cho thiết kế, lập trình

post on 2022/06/30 by Admin

Bảng mã màu html, css mới nhất cho thiết kế, lập trình

Bảng mã màu hay còn có tên khác là bảng code màu là chuỗi các chữ số bắt đầu bằng dấu # quy định một màu sắc bất kỳ. Hệ màu RGB có số lớn nhất là #999999 điều này có nghĩa là có đến một triệu màu khác nhau lận đó.

Hệ màu RGB được sử dụng trên máy tính là sự pha trộn của 3 màu Red, Green và Blue. Mỗi sự tăng hay giảm sắc độ của một màu pha bất kỳ đều tạo ra một kết quả khác. Khi cả ba màu ở sắc tố nhạt nhất sẽ tạo ra màu trắng #ffffff, khi cả ba màu ở sắc tốt đậm nhất sẽ tạo ra màu đen #000000.

Mục đích của bài này chính là liệt kê các mã màu thông dụng, các màu đẹp để các bạn lập trình fontend, các bạn thiết kế, người làm nghề canh màu trong in ấn sử dụng. Bởi có tới một triệu màu nên không thể liệt kê được hết nhé, mà chỉ liệt kê các màu hay dùng thôi.

Bảng mã các màu thông dụng

Các màu thông dụng là màu đen, màu xám, màu trắng, màu đỏ, xanh lá, xanh dương, màu hồng… Trên trình duyệt web bạn có thể gọi tên nó ví dụ như: color: #red; trình duyệt sẽ hiểu là cần hiển thị màu đỏ nhé.

Màu Tên màu Hex Code
#RRGGBB
Decimal Code
(R,G,B)
  Black #000000 (0,0,0)
  White #FFFFFF (255,255,255)
  Red #FF0000 (255,0,0)
  Lime #00FF00 (0,255,0)
  Blue #0000FF (0,0,255)
  Yellow #FFFF00 (255,255,0)
  Cyan / Aqua #00FFFF (0,255,255)
  Magenta / Fuchsia #FF00FF (255,0,255)
  Silver #C0C0C0 (192,192,192)
  Gray #808080 (128,128,128)
  Maroon #800000 (128,0,0)
  Olive #808000 (128,128,0)
  Green #008000 (0,128,0)
  Purple #800080 (128,0,128)
  Teal #008080 (0,128,128)
  Navy #000080 (0,0,128)

Bảng mã các màu đẹp

Các màu này là các mã bắt mắt để các bạn thiết kế trang trí các chi tiết trên banner của mình. Nó được sắp xếp theo dài màu từ đỏ tới xanh rất đẹp phải không nào. Nó bao gồm khoảng 100 màu đẹp nhất nếu bạn thấy ưng mắt chỉ việc copy mã ở bên dưới mà thôi.

#EEEEEE #DDDDDD #CCCCCC #BBBBBB #AAAAAA #999999
#888888 #777777 #666666 #555555 #444444 #333333
#222222 #111111 #000000 #FF0000 #EE0000 #DD0000
#CC0000 #BB0000 #AA0000 #990000 #880000 #770000
#660000 #550000 #440000 #330000 #220000 #110000
#FFFFFF #FFFFCC #FFFF99 #FFFF66 #FFFF33 #FFFF00
#CCFFFF #CCFFCC #CCFF99 #CCFF66 #CCFF33 #CCFF00
#99FFFF #99FFCC #99FF99 #99FF66 #99FF33 #99FF00
#66FFFF #66FFCC #66FF99 #66FF66 #66FF33 #66FF00
#33FFFF #33FFCC #33FF99 #33FF66 #33FF33 #33FF00
#00FFFF #00FFCC #00FF99 #00FF66 #00FF33 #00FF00
#FFCCFF #FFCCCC #FFCC99 #FFCC66 #FFCC33 #FFCC00
#CCCCFF #CCCCCC #CCCC99 #CCCC66 #CCCC33 #CCCC00
#99CCFF #99CCCC #99CC99 #99CC66 #99CC33 #99CC00
#66CCFF #66CCCC #66CC99 #66CC66 #66CC33 #66CC00
#33CCFF #33CCCC #33CC99 #33CC66 #33CC33 #33CC00
#00CCFF #00CCCC #33CC66 #33CC33 #00CC99 #00CC66
#00CC33 #00CC00 #FF99FF #FF99CC #FF9999 #FF9966
#FF9933 #FF9900 #CC99FF #CC99CC #CC9999 #CC9966
#CC9933 #CC9900 #9999FF #9999CC #999999 #999966
#999933 #999900 #6699FF #6699CC #669999 #669966
#669933 #669900 #3399FF #3399CC #339999 #339966
#339933 #339900 #0099FF #0099CC #009999 #009966
#009933 #009900 #FF66FF #FF66CC #FF6699 #FF6666
#FF6633 #FF6600 #CC66FF #CC66CC #CC6699 #CC6666
#CC6633 #CC6600 #9966FF #9966CC #996699 #996666
#996633 #996600 #6666FF #6666CC #666699 #666666
#666633 #666600 #3366FF #3366CC #336699 #336666
#336633 #336600 #0066FF #0066CC #006699 #006666
#006633 #006600 #FF33FF #FF33CC #FF3399 #FF3366
#FF3333 #FF3300 #CC33FF #CC33CC #CC3399 #CC3366
#CC3333 #CC3300 #9933FF #9933CC #993399 #993366
#993333 #993300 #6633FF #6633CC #663399 #663366
#663333 #663300 #3333FF #3333CC #333399 #333366
#333333 #333300 #0033FF #FF3333 #0033CC #003399
#003366 #003333 #003300 #FF00FF #FF00CC #FF0099
#FF0066 #FF0033 #FF0000 #CC00FF #CC00CC #CC0099
#CC0066 #CC0033 #CC0000 #9900FF #9900CC #990099
#990066 #990033 #990000 #6600FF #6600CC #660099
#660066 #660033 #660000 #3300FF #3300CC #330099
#330066 #330033 #330000 #0000FF #0000CC #000099
#000066 #000033 #00FF00 #00EE00 #00DD00 #00CC00
#00BB00 #00AA00 #009900 #008800 #007700 #006600
#005500 #004400 #003300 #002200 #001100 #0000FF
#0000EE #0000DD #0000CC #0000BB #0000AA #000099
#000088 #000077 #000055 #000044 #000022 #000011

Bảng mã màu các mạng xã hội

Nếu cả hai bảng mã màu trên đều không làm bạn hài lòng thì cũng đến lúc bạn xem bảng mã màu đầy đủ. Nó có gần như tất cả các màu kể cả xấu lẫn đẹp để bạn lựa chọn.

Mạng xã hội Decimal Code Hex Code Màu hiển thị
Facebook 59,89,152 #3b5998  
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  

Cách lấy một màu bất kỳ trên trình duyệt

Bạn sẽ không cần các bảng mã màu phía trên nếu học được bí kiếp lấy mã màu của tôi. Bạn chỉ cần có một chút kỹ năng tin học văn phòng là có thể sử dụng được.

Trên trình duyệt có một cây bút có thể dò ra một màu bất kỳ. Trong các phần mềm thiết kế như AI, Photoshop, Corel cũng có cây bút này. Việc của bạn là tìm cách khởi động cây bút này lên là được.

  • B1: Mở website có chứa màu mà bạn muốn lấy mã.
  • B2: Ấn chuột phải vào vùng trống kiếm điểm màu bất kỳ.
  • B3: Ấn vào điểm màu đó biểu tượng cây bút sẽ hiện ra.
  • B4: Rê cây bút chấm vào khu vực mà bạn muốn lấy mã nhé.

Qúa đơn giản phải không nào, chiêu này mình được chỉ từ một anh chuyên lập trình fontent nha, lấy mã màu siêu nhanh luôn. Hy vọng qua bài chia sẻ này các bạn đã lấy được mã màu mà mình cần cho công việc nhé.

Mới cập nhật