Skip to content
FPT Arena Multimedia
  • Giới thiệu
    • FPT Education
    • Về FPT Arena
      • Lịch sử FPT Arena
      • Báo chí nói về FPT Arena
      • Đối tác của FPT Arena
  • Chương trình học
    • Học kì 1
    • Học kì 2
    • Học kì 3
    • Học kì 4
  • Gương mặt
  • Tin tức
    • Sự kiện
    • Blog
    • Tuyển dụng
      • FPT
      • Đối tác
  • Gallery
    • Học Kỳ 1
    • Học Kỳ 2
    • Học Kỳ 3
    • Học Kỳ 4
  • Thông tin tuyển sinh
    • Quy chế tuyển sinh
    • Học Bổng
    • Câu hỏi thường gặp
    • Khảo sát
    • Đăng ký học
    • Liên thông
      • Anh
      • Canada
      • Malaysia
      • Việt Nam
  • Blog
    • Tin Multimedia
    • Đồ họa
    • Web Design
    • Digital Film Making
    • Game Design
    • 3D Animation
    • Brand Identity
    • Phần mềm

Home - Tin tức - Bảng mã màu đẹp trong thiết kế website | FPT Arena

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

03/06/2021 | 7628 views

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

Mục lục

  1. Tên các nhóm màu trong tiếng anh
    1. Nhóm màu xanh
    2. Nhóm màu vàng
    3. Nhóm màu hồng
    4. Nhóm màu đỏ
    5. Nhóm màu tím
  2. Bảng mã màu CSS dành cho thiết kế website
    1. Màu sắc gần màu hồng (Pink)
    2. Màu sắc gần màu đỏ (Red)
    3. Màu sắc gần cam (Orange)
    4. Màu sắc gần vàng (Yellow)
    5. Màu sắc gần xanh lá cây (Green)
    6. Màu sắc gần xám (Grey)

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

Trả lời Hủy

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 *

Thông tin nổi bật
  • TOP 5 TRƯỜNG THIẾT KẾ ĐỒ HỌA TỐT NHẤT VIỆT NAM 14-04-2020 | 418 views
  • KHÓA HỌC THIẾT KẾ ĐỒ HỌA CƠ BẢN 14-04-2020 | 518 views
  • HỌC THIẾT KẾ ĐỒ HỌA Ở ĐÂU TỐT 14-04-2020 | 998 views
  • HỌC PHOTOSHOP CĂN BẢN CHO NGƯỜI MỚI BẮT ĐẦU 14-04-2020 | 878 views
  • HỌC ILLUSTRATOR CƠ BẢN CHO NGƯỜI MỚI BẮT ĐẦU 14-04-2020 | 918 views

Các tin liên quan

  • BỘ ĐỒ ÁN XUẤT SẮC TỪ NHỮNG MẢNH GHÉP ĐẶC BIỆT HỘI TỤ TẠI FPT ARENA 10/01/2023 | 346932 views
  • Mộc Hoa – đồ án ôm trọn nét đẹp đương đại hóa tranh dân gian tới gần hơn giới trẻ hiện đại 06/01/2023 | 392011 views
  • Lớp A2.2011E – Hoàn thành chặng đường chinh phục FPT Arena bằng đồ án kỳ 4 04/01/2023 | 416014 views
  • Cách làm thiệp sinh nhật trái tim từ những bông hoa 
    Hướng dẫn cách làm thiệp sinh nhật 3D đơn giản và dễ dàng 04/01/2023 | 413597 views
  • Nhỏ to chuyện cuối năm cùng FAN tại Talkshow “Vén màn TVC thành công” 04/01/2023 | 408211 views


Nhận tài liệu miễn phí ngành multimedia

    • Trang chủ
    • Việc làm
    • Gallery
    • Hướng dẫn
    • Đăng ký
    • Liên hệ

    DMCA.com Protection Status

    Copyright © 2023 by arena.fpt.edu.vn | All rights reserved.
    Useful link: học thiết kế đồ họa - học thiết kế web - thiết kế đồ họa game - học làm phim - thiết kế đồ họa - Google New FPT ARENA

    • Trang chủ
    • Việc làm
    • Gallery
    • Hướng dẫn
    • Đăng ký
    • Liên hệ
    Copyright 2023 © Arena.fpt.edu.vn
    • Giới thiệu
      • FPT Education
      • Về FPT Arena
        • Lịch sử FPT Arena
        • Báo chí nói về FPT Arena
        • Đối tác của FPT Arena
    • Chương trình học
      • Học kì 1
      • Học kì 2
      • Học kì 3
      • Học kì 4
    • Gương mặt
    • Tin tức
      • Sự kiện
      • Blog
      • Tuyển dụng
        • FPT
        • Đối tác
    • Gallery
      • Học Kỳ 1
      • Học Kỳ 2
      • Học Kỳ 3
      • Học Kỳ 4
    • Thông tin tuyển sinh
      • Quy chế tuyển sinh
      • Học Bổng
      • Câu hỏi thường gặp
      • Khảo sát
      • Đăng ký học
      • Liên thông
        • Anh
        • Canada
        • Malaysia
        • Việt Nam
    • Blog
      • Tin Multimedia
      • Đồ họa
      • Web Design
      • Digital Film Making
      • Game Design
      • 3D Animation
      • Brand Identity
      • Phần mềm
    dangky

     

    30 học bổng toàn phần đang chờ đón bạn tại FPT ARENA MULTIMEDIA



      ( * Thông tin của học viên sẽ được bảo mật theo quy định của FPT ARENA MULTIMEDIA)

      Hotline

      024 7300 8855

      028 7300 8866