Chia sẻ bảng mã màu chuẩn trong thiết kế website

Học làm website wordpress

Bạn đang thiết kế website, làm blog và bạn cần những màu sắc đẹp cho website mình. Bạn chưa biết hoặc quên các mã màu cần thiết ? Hôm nay mình sẽ chia sẻ đến cách bạn các mã màu phổ biến giúp các bạn có thể thực hiện dễ dàng và nhanh chóng khi thiết kế website mình.

I/ Mã màu thông dụng khi thiết kế website

Để sử dụng mã màu các bạn chỉ việc copy 6 ký tự mã màu công với dấu # vào website mình. Các bạn có thể dùng kết hợp với thẻ <style=”color:#mamau;bgcolor:#mamau”>

Với #mamau: là mã hecxa các bạn copy cho vào hoặc nếu các bạn biết rồi thì chỉ copy và chèn vào chỗ nhận mã màu là được không cần thêm thẻ style như mình nhé.

Sau đây mình sẽ chia sẻ đến các bạn mã màu Hex Code các bạn xem bên dưới nhé.

Mã màu (Mã hecxa) Kết quả
#E34C2C
#DB5F1D
#DB761D
#DB841D
#DB931D
#DB981D
#DBA41D
#DBA71D
#DBB51D
#DBBB1D
#DBC41D
#DBD21D
#DBD81D
#D3DB1D
#B9DB1D
#CDDB1D
#A8DB1D
#ABDB1D
#9FDB1D
#8EDB1D
#7ADB1D
#71DB1D
#5DDB1D
#1DDB44
#1DDB3F
#1DDB5B
#1DDB6C
#1DDBB4
#1DDBDA
#1DCEDB
#1DBDDB
#1DAEDB
#1D95DB
#1D67DB
#1D55DB
#1D44DB
#1D25DB
#6E1DDB
#821DDB
#971DDB
#B31DDB
#BC1DDB
#D61DDB
#DB1DAF
#DB1D70
#DB1D54
#D73765
#DB1D37

Tiếp theo mình sẽ chia sẻ cho các bạn mã màu RGB COLOR CODE với các màu thông dụng để bạn có thể áp dụng nhé

Tên màu RGB COLOR CODE Kết quả
Yellow #FFFF00
White #FFFFFF
Black #000000
Red #FF0000
Olive #808000
Green #008000
Aqua #00FFFF
Navy #000080
Purple #800080

 

II/ Các điểm cần lưu ý khi dùng mã màu

Khi thiết kế với mã màu hecxa bạn cần phải lưu ý cần phải đặt dấu # trước mã màu thì khi website hiển thị mới có thể chạy được các bạn nhé. Nếu các bạn dùng các bảng màu khác như tên trực tiếp thì màu nó sẽ đậm và khi bạn cần màu cụ thể thì rất khó. Chẳng hạn như mình có màu vàng color:yellow. Chỉ cần thế là chữ mình đã hiện vàng nhưng vàng ở đây có nhiều cấp độ khác nhau chính vì vậy bảng mã màu này sẽ giúp bạn điều đó.

III/ Tóm lại

Vài chia sẻ của mình về mã màu hecxa bạn dùng để thiết kế website, banner, viết blog….Sẽ rất hữu ích cho các bạn trong công việc của mình. Bài viết mình tổng hợp màu phổ chắc hẳn sẽ không đáp ứng hết yêu cầu mà bạn đang cần.

Nếu bạn cần hỗ trợ về mã màu thiết kế hoặc cần hỗ trợ thêm vui lòng để lại comment mình sẽ hỗ trợ giúp các bạn.

Chúc các bạn thành công !

Please wait...
Nguyễn Tâm Blog

Blog Làm web siêu rẻ mình lập ra làm nơi chia sẻ kiến thức về thủ thuật máy tính, google, facebook, youtube được mình tổng hợp từ nhiều nguồn rất mong nhận ý kiến đóng góp từ các bạn để blog thêm hoàn chỉnh

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

eighteen − fourteen =