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

Công Cụ Kiểm Tra Mã Màu Online Giúp Check Tìm Màu Chính Xác Và Bảng Code Đầy Đủ Các Màu Dùng Cho HTML Web, RGB, CMYK, CSS, HEX, Pantone, Pastel, Gradient…

CÔNG CỤ CHECK TRA MÃ MÀU ONLINE

Dùng công cụ check mã màu online dưới đây để tra code các màu rgb HEX, HTML, RGB, CMYK, CSS, Pantone, Pastel, Gradient…

🎨 Tìm Mã Code Màu Online

HEX: #3498db

RGB: rgb(52, 152, 219)

CMYK: C:76% M:31% Y:0% K:14%

CSS: #3498db

HTML: <div style=”background-color:#3498db”></div>

🌈 Gradient CSS: linear-gradient(45deg, #3498db, #e74c3c);


Tặng bạn: 79 MẪU CHỮ KÝ PHONG THUỶ TÀI LỘC

Bảng Màu HEX, CSS, RGB, HTML Cơ Bản

Tên Màu HEX RGB Màu Thực Tế
Đỏ #FF0000 RGB(255, 0, 0)
Cam #FFA500 RGB(255, 165, 0)
Vàng #FFFF00 RGB(255, 255, 0)
Xanh Lá #008000 RGB(0, 128, 0)
Xanh Dương #0000FF RGB(0, 0, 255)
Xanh Ngọc #00CED1 RGB(0, 206, 209)
Xanh Navy #000080 RGB(0, 0, 128)
Tím #800080 RGB(128, 0, 128)
Hồng #FFC0CB RGB(255, 192, 203)
Nâu #8B4513 RGB(139, 69, 19)
Đen #000000 RGB(0, 0, 0)
Trắng #FFFFFF RGB(255, 255, 255)
Xám #808080 RGB(128, 128, 128)

Mã màu đen (Black)

Tên Màu HEX RGB Xem Màu
Đen chuẩn #000000 rgb(0, 0, 0) Mẫu
Đen xám #1C1C1C rgb(28, 28, 28) Mẫu
Đen than #2F2F2F rgb(47, 47, 47) Mẫu
Đen xám tro #3D3D3D rgb(61, 61, 61) Mẫu
Đen xám đậm #4B4B4B rgb(75, 75, 75) Mẫu
Đen bóng #505050 rgb(80, 80, 80) Mẫu
Đen ánh bạc #575757 rgb(87, 87, 87) Mẫu
Đen ghi #606060 rgb(96, 96, 96) Mẫu
Đen nhạt #686868 rgb(104, 104, 104) Mẫu
Đen xám bạc #707070 rgb(112, 112, 112) Mẫu

Mã màu trắng, màu lam (White)

Tên Màu HEX HTML/CSS RGB Xem Trước
Trắng chuẩn #FFFFFF color: #FFFFFF; rgb(255, 255, 255)
Ghost White #F8F8FF color: #F8F8FF; rgb(248, 248, 255)
Snow #FFFAFA color: #FFFAFA; rgb(255, 250, 250)
White Smoke #F5F5F5 color: #F5F5F5; rgb(245, 245, 245)
Seashell #FFF5EE color: #FFF5EE; rgb(255, 245, 238)
Linen #FAF0E6 color: #FAF0E6; rgb(250, 240, 230)
Antique White #FAEBD7 color: #FAEBD7; rgb(250, 235, 215)
Old Lace #FDF5E6 color: #FDF5E6; rgb(253, 245, 230)
Floral White #FFFAF0 color: #FFFAF0; rgb(255, 250, 240)
Pale Goldenrod #EEE8AA color: #EEE8AA; rgb(238, 232, 170)

Mã màu vàng (Yellow)

Màu HEX CSS RGB
Vàng Gold #FFD700 color: #FFD700; rgb(255, 215, 0)
Vàng Sáng #FFEA00 color: #FFEA00; rgb(255, 234, 0)
Vàng Hổ Phách #FFC107 color: #FFC107; rgb(255, 193, 7)
Vàng Mật Ong #FFCC00 color: #FFCC00; rgb(255, 204, 0)
Vàng Chanh #FDD835 color: #FDD835; rgb(253, 216, 53)
Vàng Pastel #FFD54F color: #FFD54F; rgb(255, 213, 79)
Vàng Đậm #FFB300 color: #FFB300; rgb(255, 179, 0)
Vàng Cam #FFAB00 color: #FFAB00; rgb(255, 171, 0)
Vàng Nhạt #FFF176 color: #FFF176; rgb(255, 241, 118)
Vàng Kem #FFF8E1 color: #FFF8E1; rgb(255, 248, 225)

Mã màu xanh (Green)

Màu HEX HTML / CSS RGB
Xanh Dương #0000FF color: #0000FF; rgb(0, 0, 255)
Xanh Da Trời #1E90FF color: #1E90FF; rgb(30, 144, 255)
Xanh Nước Biển Nhạt #00BFFF color: #00BFFF; rgb(0, 191, 255)
Xanh Nhạt #87CEFA color: #87CEFA; rgb(135, 206, 250)
Xanh Thép #4682B4 color: #4682B4; rgb(70, 130, 180)
Xanh Đá #5F9EA0 color: #5F9EA0; rgb(95, 158, 160)
Xanh Ngọc #20B2AA color: #20B2AA; rgb(32, 178, 170)
Xanh Đậm #008B8B color: #008B8B; rgb(0, 139, 139)
Xanh Rêu #2E8B57 color: #2E8B57; rgb(46, 139, 87)

TRỌN BỘ: 50+ Mã Màu Xanh Dương, Lá Cây, Navy, Pastel, Ngọc, Đen

Mã màu đỏ (Red)

Màu HEX HTML CSS RGB
Red #FF0000 <span style=”color:#FF0000;”>Red</span> color: #FF0000; rgb(255, 0, 0)
Crimson #DC143C <span style=”color:#DC143C;”>Crimson</span> color: #DC143C; rgb(220, 20, 60)
FireBrick #B22222 <span style=”color:#B22222;”>FireBrick</span> color: #B22222; rgb(178, 34, 34)
DarkRed #8B0000 <span style=”color:#8B0000;”>DarkRed</span> color: #8B0000; rgb(139, 0, 0)
OrangeRed #FF4500 <span style=”color:#FF4500;”>OrangeRed</span> color: #FF4500; rgb(255, 69, 0)
DarkSalmon #E9967A <span style=”color:#E9967A;”>DarkSalmon</span> color: #E9967A; rgb(233, 150, 122)
Salmon #FA8072 <span style=”color:#FA8072;”>Salmon</span> color: #FA8072; rgb(250, 128, 114)
LightCoral #F08080 <span style=”color:#F08080;”>LightCoral</span> color: #F08080; rgb(240, 128, 128)
IndianRed #CD5C5C <span style=”color:#CD5C5C;”>IndianRed</span> color: #CD5C5C; rgb(205, 92, 92)
Tomato #FF6347 <span style=”color:#FF6347;”>Tomato</span> color: #FF6347; rgb(255, 99, 71)

Mã màu tím (Purple)

Tên Màu Mã HEX RGB Xem Màu
Purple #800080 rgb(128, 0, 128)
Dark Purple #6a0dad rgb(106, 13, 173)
Dark Orchid #9932CC rgb(153, 50, 204)
Blue Violet #8A2BE2 rgb(138, 43, 226)
Medium Orchid #BA55D3 rgb(186, 85, 211)
Orchid #DA70D6 rgb(218, 112, 214)
Thistle #D8BFD8 rgb(216, 191, 216)
Lavender #E6E6FA rgb(230, 230, 250)
Medium Purple #9370DB rgb(147, 112, 219)
Indigo #4B0082 rgb(75, 0, 130)

Mã màu hồng, màu cam (Pink)

Màu Xem HEX CSS RGB
Cam Đậm #FF4500 color: #FF4500; rgb(255, 69, 0)
Cam Nhạt #FFA07A color: #FFA07A; rgb(255, 160, 122)
Cam Gold #FFD700 color: #FFD700; rgb(255, 215, 0)
Hồng Đậm #FF1493 color: #FF1493; rgb(255, 20, 147)
Hồng Nhạt #FFB6C1 color: #FFB6C1; rgb(255, 182, 193)
Hồng Fuchsia #FF00FF color: #FF00FF; rgb(255, 0, 255)
Hồng Tím #DA70D6 color: #DA70D6; rgb(218, 112, 214)
Cam Đất #D2691E color: #D2691E; rgb(210, 105, 30)
Hồng Rose #FF007F color: #FF007F; rgb(255, 0, 127)
Cam Pastel #FFCC99 color: #FFCC99; rgb(255, 204, 153)

💡 CHIA SẼ: Giải Mật Mã Online

🎨 Bảng Tất Cả Code Màu Đầy Đủ

Bảng tất cả các màu sắc đầy đủ từ cơ bản, chuẩn đến các loại màu chi tiết nhất:

#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 50+ Mã Màu Pastel ĐẸP

Màu thực tế HEX RGB
#FFD1DCRGB(255, 209, 220)
#FF9AA2RGB(255, 154, 162)
#FFB7B2RGB(255, 183, 178)
#FFDAC1RGB(255, 218, 193)
#E2F0CBRGB(226, 240, 203)
#B5EAD7RGB(181, 234, 215)
#C7CEEARGB(199, 206, 234)
#D5AAFFRGB(213, 170, 255)
#A0E7E5RGB(160, 231, 229)
#FFABABRGB(255, 171, 171)
#FFC3A0RGB(255, 195, 160)
#D4A5A5RGB(212, 165, 165)
#E5C3C6RGB(229, 195, 198)
#A2A8D3RGB(162, 168, 211)
#C6DEF1RGB(198, 222, 241)
#AFCBFFRGB(175, 203, 255)
#DBF6E9RGB(219, 246, 233)
#FFE5E5RGB(255, 229, 229)
#A3D8F4RGB(163, 216, 244)
#FFCBCBRGB(255, 203, 203)
#FFC6FFRGB(255, 198, 255)
#D9E6F2RGB(217, 230, 242)
#E1F7D5RGB(225, 247, 213)
#B6E2D3RGB(182, 226, 211)

🎨 Bảng Code Mã Màu Pantone

Bạn có thể sử dụng web tra mã màu Pantone online ở trên để check code hoặc sử dụng các mẫu sẵn có dưới đây:

Mã Pantone Màu HEX RGB
Pantone 123 C #F4A900 RGB(244, 169, 0)
Pantone 186 C #DA291C RGB(218, 41, 28)
Pantone 286 C #0072CE RGB(0, 114, 206)
Pantone 348 C #00843D RGB(0, 132, 61)
Pantone 1235 C #FFC72C RGB(255, 199, 44)
Pantone 199 C #E4002B RGB(228, 0, 43)
Pantone 2622 C #5D295E RGB(93, 41, 94)
Pantone 3278 C #00A499 RGB(0, 164, 153)
Pantone 4625 C #603A17 RGB(96, 58, 23)
Pantone Cool Gray 6 C #A7A8AA RGB(167, 168, 170)
Pantone 451 C #8F8B66 RGB(143, 139, 102)
Pantone 185 C #C8102E RGB(200, 16, 46)
Pantone 1655 C #FF671F RGB(255, 103, 31)
Pantone 116 C #FFD100 RGB(255, 209, 0)
Pantone 356 C #007A33 RGB(0, 122, 51)
Pantone 2755 C #10069F RGB(16, 6, 159)
Pantone 1935 C #D50032 RGB(213, 0, 50)
Pantone 355 C #009A44 RGB(0, 154, 68)
Pantone 484 C #8F3F2A RGB(143, 63, 42)
Pantone Black C #2D2926 RGB(45, 41, 38)
Màu Pantone HEX RGB Xem màu
Đỏ tươi Pantone 186 C #C8102E rgb(200, 16, 46)
Đỏ rượu Pantone 202 C #9D2235 rgb(157, 34, 53)
Cam sáng Pantone 158 C #E87722 rgb(232, 119, 34)
Vàng Pantone 116 C #FFCD00 rgb(255, 205, 0)
Vàng nhạt Pantone 7404 C #FCE300 rgb(252, 227, 0)
Xanh lá cây Pantone 348 C #00843D rgb(0, 132, 61)
Xanh ngọc Pantone 3272 C #00A499 rgb(0, 164, 153)
Xanh dương Pantone 293 C #0057B8 rgb(0, 87, 184)
Xanh navy Pantone 282 C #041E42 rgb(4, 30, 66)
Tím Pantone 2685 C #582C83 rgb(88, 44, 131)
Hồng Pantone 213 C #DA1884 rgb(218, 24, 132)
Hồng phấn Pantone 189 C #F4A6C0 rgb(244, 166, 192)
Nâu Pantone 476 C #683C11 rgb(104, 60, 17)
Xám đậm Pantone 431 C #54565A rgb(84, 86, 90)
Xám nhạt Pantone Cool Gray 3 C #D6D6D6 rgb(214, 214, 214)
Đen Pantone Black C #101820 rgb(16, 24, 32)
Trắng Pantone White #FFFFFF rgb(255, 255, 255)

Công cụ hữu ích: Đếm Từ, Chữ Ký Tự Online Chính Xác

🎨 Bảng Mã Màu CMYK Chuẩn

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

Chia sẽ: Tạo Chữ Ký Email Online Đẹp, Chuyên Nghiệp

🎨 Bảng Mã Màu Logo Các Mạng Xã Hội

Chia sẽ một số code mã màu để thiết kế các logo mạng xã hội lớn như Zalo, Facebook, Zalo, TikTok, Pinterest, Google, X, Instagram, Whatsapp…

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àuDùng khi nào?
HEXKhi làm web, đơn giản, dễ dùng.
RGBKhi cần kết hợp màu bằng JavaScript hoặc thiết kế đồ họa.
RGBAKhi cần màu trong suốt (opacity).
HSLKhi cần chỉnh độ sáng, độ bão hòa dễ dàng hơn.
HSLAKhi 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í

Viết một bình luận