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.
Tên các nhóm màu trong tiếng anh
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:
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
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 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
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
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