Nếu bạn là một nhà thiết kế đồ họa hoặc mới bắt đầu tham gia vào một chương trình chỉnh sửa hình ảnh, bạn sẽ thấy một hộp cho phép bạn thay đổi màu sắc, có thể là thùng sơn, cọ vẽ, các chữ cái ... Điều có thể khiến bạn tò mò là khi bạn chọn một màu, nó sẽ xuất hiện một mã màu, biết nó là gì không?
Nếu bạn đã từng thắc mắc những chữ cái hoặc mã số đó có ý nghĩa gì và bạn muốn biết thêm về nó, thì chúng tôi sẽ giúp bạn hiểu tầm quan trọng của mã màu, tại sao chúng phản ánh màu sắc và các chi tiết gây tò mò khác.
Mã màu là gì
Chúng ta có thể xác định mã màu là gam màu trong đó một trang web có thể được hiển thị. Đó là, các khả năng tồn tại, trong một bảng màu gồm khoảng 216 màu, để xác định một trang web sẽ trông như thế nào. Mã này có thể dựa trên ba loại hệ thống: RGB, HEX và HSL (loại sau này hiện không được dùng nữa).
Trên thực tế, mã màu dùng để làm mã chung cho tất cả các trình duyệt theo cách mà với những mã đó, những gì đạt được là tái tạo các tông màu giống nhau, trong Internet Explores, trong Firefox Mozilla, trong Google Chrome …
Bạn phải biết rằng một máy tính có khả năng phân biệt tới 16 triệu màu, vì vậy có nhiều khả năng để tạo một trang web hoặc sửa đổi hình ảnh.
Các loại mã màu
Như chúng tôi đã nói với bạn trước đây, có ba loại hệ thống:
- RGB. Nó được biết đến nhiều nhất và được tạo thành từ ba màu cơ bản, đỏ, xanh lam và xanh lá cây, từ đó, thông qua sự kết hợp của chúng, các màu còn lại được tạo ra. Đối với biểu diễn của nó, nó nằm trong khoảng từ 0 đến 255 và mã xuất hiện bao gồm ba hình được phân tách bằng dấu phẩy và giữa các dấu ngoặc đơn.
- Hệ thập lục phân. Được sử dụng hầu hết trong HTML và CSS. Trong trường hợp này, nó được tạo thành từ cả số và chữ cái được sắp xếp với nhau để có được mã xác định màu sắc.
- HSL. Đã không được sử dụng, nó dựa trên việc sử dụng màu sắc, độ bão hòa và độ sáng khi tạo màu. Nó được xác định bằng độ và tỷ lệ phần trăm (ba con số được phân tách bằng dấu phẩy và trong ngoặc đơn).
Tại sao mã lại quan trọng?
Bây giờ bạn đã biết mã màu là gì, ứng dụng của nó rất dễ hiểu, vì Nó được sử dụng để xác định mã nào được yêu cầu cho một màu cụ thể để hiển thị. Ví dụ, điều này hoạt động trên các trang web. Mã HTML ngầm định nếu một trang web có nền là một màu nhất định, nếu phông chữ có màu đỏ, vàng, xanh lá cây, xanh lam ... và nhiều mục đích sử dụng khác.
Bạn có hiểu tại sao nó lại quan trọng không? Ví dụ, hãy tưởng tượng bạn có một trang web với nền màu đỏ. Và bạn muốn thay đổi nó thành một ô trống. Nếu bạn biết mã xác định màu đỏ, bằng cách sử dụng công cụ tìm kiếm trong mã HTML, bạn sẽ nhận được vị trí mà màu này được phản ánh (liên kết với màu nền) và bạn có thể thay đổi nó một cách nhanh chóng. Nhưng nếu bạn không có nó thì sao? Bạn sẽ phải tìm kiếm cho đến khi tìm thấy phần đó và kiểm tra xem mã nào gần với mã bạn muốn.
Vì vậy, mã màu giúp bạn tăng tốc công việc, cũng như có thể sử dụng màu khi thiết kế trang web, chỉnh sửa hình ảnh, v.v.
Danh sách các màu và mã của chúng Hexadecimal và RGB
Cuối cùng, chúng tôi muốn để lại cho bạn dưới đây một trong đó bạn có thể tìm thấy hầu hết các màu tồn tại cùng với mã thập phân (RGB) và hệ thập lục phân của chúng để bất cứ lúc nào bạn cần thay đổi mã, bạn có thể thực hiện dễ dàng mà không cần phải tìm trong bảng màu.
tag | Thập phân (R, G, B) | Hexadecimal |
---|---|---|
Aliceblue | rgb (240, 248, 255) | # F0F8FF |
màu trắng | rgb (250, 235, 215) | # FAEBD7 |
thủy sản | rgb (0, 255, 255) | # 00FFFF |
ngọc xanh biển | rgb (127, 255, 212) | # 7FFFD4 |
trời xanh | rgb (240, 255, 255) | # F0FFFF |
be | rgb (245, 245, 220) | # F5F5DC |
bánh quy | rgb (255, 228, 196) | # FFE4C4 |
đen | rgb (0, 0, 0) | #000000 |
quả hạnh nhân | rgb (255, 235, 205) | #FEBCD |
màu xanh da trời | rgb (0, 0, 255) | # 0000FF |
tia cực tím | rgb (138, 43, 226) | # 8A2BE2 |
nâu | rgb (165, 42, 42) | # A52A2A |
gỗ lớn | rgb (222, 184, 135) | # NỢ887 |
xanh chói | rgb (95, 158, 160) | # 5F9EA0 |
biểu đồ | rgb (127, 255, 0) | # 7FFF00 |
sôcôla | rgb (210, 105, 30) | # D2691E |
San hô | rgb (255, 127, 80) | # FF7F50 |
màu xanh hoa ngô đồng | rgb (100, 149, 237) | # 6495ED |
râu ngô | rgb (255, 248, 220) | # FFF8DC |
đỏ thắm | rgb (220, 20, 60) | # DC143C |
cyan | rgb (0, 255, 255) | # 00FFFF |
xanh đậm | rgb (0, 0, 139) | # 00008B |
màu lục lam đậm | rgb (0, 139, 139) | # 008B8B |
thanh vàng tối | rgb (184, 134, 11) | #B8860B |
màu xám đen | rgb (169, 169, 169) | # A9A9A9 |
Màu xanh lá cây đậm | rgb (0, 100, 0) | #006400 |
màu xám đen | rgb (169, 169, 169) | # A9A9A9 |
vải kaki màu thẫm | rgb (189, 183, 107) | # BDB76B |
màu đỏ tươi | rgb (139, 0, 139) | # 8B008B |
xanh đen | rgb (85, 107, 47) | # 556B2F |
màu cam đậm | rgb (255, 140, 0) | # FF8C00 |
phong lan đen | rgb (153, 50, 204) | # 9932CC |
đỏ sẫm | rgb (139, 0, 0) | # 8B0000 |
cá hồi đen | rgb (233, 150, 122) | # E9967A |
xanh đen | rgb (143, 188, 143) | # 8FBC8F |
đá đen | rgb (72, 61, 139) | # 483D8B |
xám đen | rgb (47, 79, 79) | # 2F4F4F |
xám đậm | rgb (47, 79, 79) | # 2F4F4F |
màu lam sẫm | rgb (0, 206, 209) | # 00CED1 |
màu tím đậm | rgb (148, 0, 211) | #9400D3 |
màu hồng đậm | rgb (255, 20, 147) | #FF1493 |
bầu trời xanh thẳm | rgb (0, 191, 255) | # 00BFFF |
má lúm đồng tiền | rgb (105, 105, 105) | #696969 |
màu xám mờ | rgb (105, 105, 105) | #696969 |
màu xanh da trời | rgb (30, 144, 255) | # 1E90FF |
lửa | rgb (178, 34, 34) | #B22222 |
màu trắng | rgb (255, 250, 240) | # FFFAF0 |
rừng xanh | rgb (34, 139, 34) | # 228B22 |
fuchsia | rgb (255, 0, 255) | # FF00FF |
lợi ích | rgb (220, 220, 220) | #DCDCCDC |
ma trắng | rgb (248, 248, 255) | # F8F8FF |
vàng | rgb (255, 215, 0) | # FFD700 |
Goldenrod | rgb (218, 165, 32) | # DAA520 |
màu xám | rgb (128, 128, 128) | #808080 |
màu xanh lá | rgb (0, 128, 0) | #008000 |
màu xanh lá cây | rgb (173, 255, 47) | # ADFF2F |
màu xám | rgb (128, 128, 128) | #808080 |
mật ngọt | rgb (240, 255, 240) | # F0FFF0 |
hotpink | rgb (255, 105, 180) | # FF69B4 |
Ấn Độ đỏ | rgb (205, 92, 92) | # CD5C5C |
chàm | rgb (75, 0, 130) | # 4B0082 |
ngà voi | rgb (255, 255, 240) | # FFFFF0 |
kaki | rgb (240, 230, 140) | # F0E68C |
Hoa oải hương | rgb (230, 230, 250) | # E6E6FA |
hoa oải hương | rgb (255, 240, 245) | # FFF0F5 |
Cỏ xanh | rgb (124, 252, 0) | # 7CFC00 |
Lemonchiffon | rgb (255, 250, 205) | #FFFACD |
lightblue | rgb (173, 216, 230) | # ADD8E6 |
ánh sáng | rgb (240, 128, 128) | #F08080 |
ánh sáng lục lam | rgb (224, 255, 255) | # E0FFFF |
ánh sáng vàngthanh vàng | rgb (250, 250, 210) | # FAFAD2 |
xám nhạt | rgb (211, 211, 211) | # D3D3D3 |
màu xanh lợt | rgb (144, 238, 144) | # 90EE90 |
ánh sáng | rgb (211, 211, 211) | # D3D3D3 |
màu hồng nhạt | rgb (255, 182, 193) | # FFB6C1 |
lightalmon | rgb (255, 160, 122) | # FFA07A |
màu xanh lá cây | rgb (32, 178, 170) | # 20B2AA |
ánh đèn | rgb (135, 206, 250) | # 87CEFA |
lightlategray | rgb (119, 136, 153) | #778899 |
lightlategrey | rgb (119, 136, 153) | #778899 |
ánh sáng thép xanh | rgb (176, 196, 222) | # B0C4DE |
nhẹ nhàng | rgb (255, 255, 224) | # FFFFE0 |
vôi | rgb (0, 255, 0) | # 00FF00 |
màu xanh lá | rgb (50, 205, 50) | # 32CD32 |
lanh | rgb (250, 240, 230) | # FAF0E6 |
màu đỏ tươi | rgb (255, 0, 255) | # FF00FF |
Bỏ rơi | rgb (128, 0, 0) | #800000 |
vừa | rgb (102, 205, 170) | # 66CDAA |
Xanh nhẹ | rgb (0, 0, 205) | # 0000CD |
phương tiện truyền thông | rgb (186, 85, 211) | # BA55D3 |
người trung gian | rgb (147, 112, 219) | #9370D8 |
màu xanh lá cây trung bình | rgb (60, 179, 113) | # 3CB371 |
màu xanh lam vừa | rgb (123, 104, 238) | # 7B68EE |
màu xanh lá cây trung bình | rgb (0, 250, 154) | # 00FA9A |
màu xanh lam trung bình | rgb (72, 209, 204) | # 48D1CC |
tia cực tím trung bình | rgb (199, 21, 133) | #C71585 |
màu xanh nửa đêm | rgb (25, 25, 112) | #191970 |
kẹo bạc hà | rgb (245, 255, 250) | # F5FFFA |
Mistyrose | rgb (255, 228, 225) | # FFE4E1 |
giày da đanh | rgb (255, 228, 181) | # FFE4B5 |
navajowhite | rgb (255, 222, 173) | #FFDEAD |
hải quân | rgb (0, 0, 128) | #000080 |
ren cũ | rgb (253, 245, 230) | # FDF5E6 |
Ôliu | rgb (128, 128, 0) | #808000 |
oliverab | rgb (107, 142, 35) | # 6B8E23 |
trái cam | rgb (255, 165, 0) | # FFA500 |
đười ươi | rgb (255, 69, 0) | #FF4500 |
phong lan | rgb (218, 112, 214) | # DA70D6 |
nhợt nhạt | rgb (238, 232, 170) | # EEE8AA |
xanh nhạt | rgb (152, 251, 152) | # 98FB98 |
màu ngọc lam pallet | rgb (175, 238, 238) | #AFEEEE |
nhợt nhạt | rgb (219, 112, 147) | # D87093 |
đu đủ | rgb (255, 239, 213) | # FFEFD5 |
quả đào | rgb (255, 218, 185) | # FFDAB9 |
peru | rgb (205, 133, 63) | # CD853F |
Hồng | rgb (255, 192, 203) | # FFC0CB |
mận | rgb (221, 160, 221) | # DDA0DD |
bột màu | rgb (176, 224, 230) | # B0E0E6 |
màu tím | rgb (128, 0, 128) | #800080 |
đỏ | rgb (255, 0, 0) | #FF0000 |
màu hồng phấn | rgb (188, 143, 143) | # BC8F8F |
xanh đậm | rgb (65, 105, 225) | # 4169E1 |
yên ngựa | rgb (139, 69, 19) | # 8B4513 |
cá hồi | rgb (250, 128, 114) | # FA8072 |
có nhiều cát | rgb (244, 164, 96) | # F4A460 |
xanh biển | rgb (46, 139, 87) | # 2E8B57 |
vỏ sò | rgb (255, 245, 238) | # FFF5EE |
sienna | rgb (160, 82, 45) | # A0522D |
bạc | rgb (192, 192, 192) | # C0C0C0 |
trời xanh | rgb (135, 206, 235) | # 87CEEB |
màu xanh đá phiến | rgb (106, 90, 205) | # 6A5ACD |
phiến đá xám | rgb (112, 128, 144) | #708090 |
đá xám | rgb (112, 128, 144) | #708090 |
tuyết | rgb (255, 250, 250) | #FFFAFA |
Xuân xanh | rgb (0, 255, 127) | # 00FF7F |
màu xanh thép | rgb (70, 130, 180) | # 4682B4 |
tan | rgb (210, 180, 140) | # D2B48C |
con le le | rgb (0, 128, 128) | #008080 |
cây kế | rgb (216, 191, 216) | # D8BFD8 |
cà chua | rgb (255, 99, 71) | #FF6347 |
ngọc lam | rgb (64, 224, 208) | # 40E0D0 |
tím | rgb (238, 130, 238) | # EE82EE |
lúa mì | rgb (245, 222, 179) | # F5DEB3 |
trắng | rgb (255, 255, 255) | # FFFFFF |
khói trắng | rgb (245, 245, 245) | # F5F5F5 |
màu vàng | rgb (255, 255, 0) | # FFFF00 |
xanh vàng | rgb (154, 205, 50) | # 9ACD32 |
Bạn có biết thêm mã màu? Chúng tôi mời bạn đưa chúng vào phần bình luận để mở rộng danh sách.