Bảng mã màu đẹp trong thiết kế website | FPT Arena

Màu sắc là một yếu tố rất quan trọng trong thiết kế website. Sở hữu bảng mã màu đẹp và chuẩn sẽ giúp bạn tự tin hơn khi thiết kế đồng thời có thể dễ dàng gây ấn tượng với khách hàng. Ở bài viết dưới đây, FPT Arena sẽ giới thiệu đến bạn những bảng mã màu đẹp trong thiết kế website kèm theo mã hex.

Bảng mã màu đẹp trong thiết kế website
Bảng mã màu đẹp trong thiết kế website

Tên các nhóm màu trong tiếng anh

Tên các nhóm màu trong tiếng anh
Thiết kế website cùng bảng màu tuyệt đẹp

Nhóm màu xanh

  • Turquoise: Màu lam
  • Light Blue: Xanh nhạt
  • Navy: Xanh da trời đậm
  • Avocado: Màu xanh đậm (màu xanh của quả bơ)
  • Chlorophyll: Xanh diệp lục
  • Emerald: Màu lục tươi
  • Bright blue: Màu xanh nước biển tươi
  • Bright green: Màu xanh lá cây tươi
  • Dark blue: Màu xanh da trời đậm
  • Dark green: Màu xanh lá cây đậm
  • Lavender: Sắc xanh có ánh đỏ
  • Peacock blue: Lam khổng tước
  • Leek – green: Xanh hành lá
  • Pale blue: lam nhạt

Nhóm màu vàng

  • Tangerine: Màu quýt
  • Gold/ Gold – colored: vàng óng
  • Yellowish: Vàng nhạt
  • Waxen: Vàng cam
  • Apricot yellow: Vàng hạnh, vàng mơ

Nhóm màu hồng

  • Gillyflower: Màu hồng tươi (màu của hoa cẩm chướng)
  • Salmon: Màu hồng cam
  • Murrey: Màu hồng tím
  • Scarlet: Màu hồng điều, phấn hồng
  • Vermeil: Màu hồng đỏ

Nhóm màu đỏ

  • Bright red: Màu đỏ sáng
  • Cherry: Màu đỏ anh đào
  • Plum: Màu đỏ mận
  • Rosy: Đỏ hoa hồng
  • Reddish: Màu đỏ nhạt

Nhóm màu tím

  • Eggplant: Màu cà tím
  • Grape: Màu tím thẫm
  • Orchid: Màu tím nhạt

Bảng mã màu CSS dành cho thiết kế website

Dưới đây FPT Arena sẽ giới thiệu bạn bảng mã màu đẹp dành cho thiết kế website:

Bảng mã màu CSS dành cho thiết kế website
Bảng mã màu CSS dành cho thiết kế website

Màu sắc gần màu hồng (Pink)

  • Pink: #FFC0CB
  • Light Pink: #FFB6C1
  • HotPink: #FF69B4
  • Deep Pink: #FF1493
  • PaleVioletRed: #DB7093
  • MediumVioletRed: #C71585
Bảng mã màu gần hồng
Bảng mã màu gần hồng

Màu sắc gần màu đỏ (Red)

  • LightSalmon: #FFA07A
  • Salmon: #FA8072
  • DarkSalmon: #E9967A
  • LightCoral: #F08080
  • Indian Red: #CD5C5C
  • Crimson: #DC143C
  • Red: #FF0000
  • FireBrick: #B22222
  • Dark Red: #8B0000
Màu sắc gần màu đỏ (red)
Màu sắc gần màu đỏ (red)

Màu sắc gần cam (Orange)

  • Orange: #FFA500
  • DarkOrange: #FF8C00
  • Coral: #FF7F50
  • Tomato: #FF6347
  • Orange Red: #FF4500

Màu sắc gần vàng (Yellow)

  • Gold: #FFD700
  • Yellow: #FFFF00
  • Light Yellow: #FFFFE0
  • LemonChiffon: #FFFACD
  • LightGoldenRodYellow: #FAFAD2
  • PapayaWhip: #FFEFD5
  • Moccasin: #FFE4B5
  • PeachPuff: #FFDAB9
  • PaleGoldenRod: #EEE8AA
  • Khaki: #F0E68C
  • Dark Khaki: BDB76B
Bảng mã màu gần màu cam
Bảng mã màu gần màu cam

Màu sắc gần xanh lá cây (Green)

  • GreenYellow: #ADFF2F
  • Chartreuse: #7FFF00
  • LawnGreen: #7CFC00
  • Lime: #00FF00
  • LimeGreen: #32CD32
  • Pale Green: #98FB98
  • Light Green: #90EE90
  • Medium Spring Green: #00FA9A
  • SpringGreen: #00FF7F
  • MediumSeaGreen: #3CB371
  • SeaGreen: #2E8B57
  • Forest Green: #228B22
  • Green: #008000
  • Dark Green: #006400
  • YellowGreen: #9ACD32
  • Olive Drab: #6B8E23
  • DarkOliveGreen: #556B2F
  • MediumAquaMarine:  #66CDAA
  • Dark Green: #8FBC8F
  • LightSeaGreen: #20B2AA
  • DarkCyan: #008B8B
  • Teal: #008080
Bảng mã màu sắc gần xanh lá cây
Bảng mã màu sắc gần xanh lá cây

Màu sắc gần xám (Grey)

  • Gainsboro: #DCDCDC
  • Light Gray: #D3D3D3
  • Silver: #C0C0C0
  • DarkGray: #A9A9A9
  • DimGray: #696969
  • Gray: #808080
  • LightSlateGray: #778899
  • Slate Gray: #708090
  • DarkSlateGray: #2F4F4F
  • Black: #000000

Trên đây là tổng hợp một số mã màu đẹp trong thiết kế website sẽ giúp ích cho bạn trong quá trình học tập và làm việc trong lĩnh vực thiết kế. Đừng quên truy cập https://arena.fpt.edu.vn/ để cùng cập nhật thêm nhiều thông tin bổ ích khác nhé!

Viện Đào Tạo Quốc Tế FPT

FPT Arena Multimedia – https://arena.fpt.edu.vn

Để lại một bình luận

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 *

Sự Kiện Sắp Diễn Ra

Học Bổng & Ưu Đãi

Hỗ trợ Tư Vấn Tuyển Sinh