206 Cộng Hòa, Phường 12, Quận Tân Bình, TPHCM

electronichcm@gmail.com

Giới thiệu

Tin tức

Liên hệ

Vận chuyển

Toàn quốc (trả phí)

093 629 2319

Hotline tư vấn miễn phí

093 214 0397

Hotline tư vấn miễn phí

Tin tức

Bảng mã code màu html, css, thiết kế chính xác

Bảng mã code màu html, css, thiết kế chính xác

Chúng ta đang sử dụng máy tính theo hệ màu rgb trên máy tính. Dải màu của nó có thể lên đến hàng triệu màu dựa trên tỷ lệ 3 màu hòa trộn với nhau. Người ta thường tìm kiếm bảng code màu để lấy thông số cho thiết kế hoặc code css.

Với mỗi dãy số chia ra một màu nhất định bạn chỉ cần copy số tương ứng với màu bạn thích rồi bỏ vào trình duyệt hoặc các phần mềm thiết kế là được. Vì tất cả đều tuân theo hệ màu RGB sử dụng chung cho các thiết bị điện tử.

Ở bài này chúng tôi sẽ tập trung giới thiệu đến các bạn các mã màu đẹp và hướng dẫn bạn cách để lấy một màu bất kỳ bạn thích trên trình duyệt web nhé.

Phân loại bảng mã màu:

Bảng màu hệ hex: gồm 6 chữ số và bắt đầu bằng dấu # là loại mà bạn thường bắt gặp nhiều nhất. Ví dụ #f0f0f0 là màu xám trắng.

Bảng màu RGB: R màu đỏ, G màu xanh lá, B màu xanh dương. Ví dụ màu đỏ R(255) G(0) B(0) là hòa trộn của màu đỏ ở sắc thái đậm nhất, còn 2 màu còn lại ở mức 0.

Bảng màu viết tắt: #fff màu trắng, #000 màu đen.

Các mã màu thông dụng

1.Các mã màu cơ bản

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àu thường dùng

#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àu các mxh nổi tiếng

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ỳ từ trình duyệt

Chắc bạn chưa biết chúng ta có thể lấy bất kỳ màu nào mình thích từ trình duyệt web đó nhé. Cách này thường chỉ có các dân lập trình web mới biết thôi.

  • B1: ấn chuột phải vào một trang web bất kỳ chọn Inspect
  • B2: ở phía bên tay phải góc dưới cùng ấn chọn vào một điểm màu bất kỳ.
  • B3: ấn vào biểu tượng cây bút chì.
  • B4: kéo rê cây bút này chấm vào một điểm màu bất kỳ mà mình muốn lấy mã.
  • B5: copy cái mã tương ứng mà nó hiển thị để sử dụng.

Thật quá dễ phải không nào lần đầu làm sẽ hơi khó, nhưng nó là bí kiếp giúp mình tiết kiệm rất nhiều thời gian khi tìm mã màu đó.

Khi nào cần bảng code màu:

  • Nó là công cụ sống còn cho dân lập trình fontend.
  • Nó là công cụ hữu dụng cho dân thiết kế.
  • Nó giúp bạn nghiên cứu cách hiển thị màu sắc trên các thiết bị điện tử.
  • Nó giúp bạn phân biệt hai hệ màu chính thống là CMYK và RGB.