Chọn mã màu gradients đẹp cho website
Màu gradients hoặc chuyển màu, được định nghĩa là sự pha trộn dần dần từ màu này sang màu khác. Sự pha trộn này có thể xảy ra giữa các màu cùng tông (từ xanh lam nhạt đến xanh nước biển), các màu thuộc hai tông khác nhau (từ xanh lam đến vàng), hoặc thậm chí giữa nhiều hơn hai màu (từ xanh lam đến tím sang đỏ đến cam).
Chuyển màu tạo hiệu quả để thêm chiều sâu cho hình ảnh vì sự tương tác vốn có của chúng với ánh sáng và bóng tối. Kết hợp một gradient với các mức độ mờ khác nhau có thể giúp tạo ra cảm giác gần và xa cho hình ảnh. Màu gradients đẹp cũng cung cấp nhiều màu hơn để sử dụng trong thiết kế. Các nhà thiết kế cũng có thể sử dụng độ chuyển màu để hướng tầm nhìn và sự chú ý của người dùng vào một khu vực cụ thể của sản phẩm một cách tinh tế.
37 mã màu Gradients đẹp cho website
Màu Gradient 1
Mã màu html: #b65eba → #2e8de
Màu Gradient 2
Mã màu html: #b4e8de → #8a64eb
Màu Gradient 3
Mã màu html: #7bf2e9 → #b65eba
Màu Gradient 4
Mã màu html: #ff94b2 → #7d77ff
Màu Gradient 5
Mã màu html: #ffcf18 → #ff8818
Màu Gradient 6
Mã màu html: #ffa62e → #ea4d2c
Màu Gradient 7
Mã màu html: #00ffed → #00b8ba
Màu Gradient 8
Mã màu html: #6ee2f5 → #6454f0
Màu Gradient 9
Mã màu html: #3499ff → #3a3985
Màu Gradient 10
Mã màu html: #ff9897 → #f650a0
Màu Gradient 11
Mã màu html: #ffcda5 → #ee4d5f
Màu Gradient 12
Mã màu html: #ff5b94 → #8441a4
Màu Gradient 13
Mã màu html: #f869d5 → #5650de
Màu Gradient 14
Mã màu html: #f869d5 → #5650de
Màu Gradient 15
Mã màu html: #ff6cab → #7366ff
Màu Gradient 16
Mã màu html: #a0d6fe → #0c96fe
Màu Gradient 17
Mã màu html: #ffb28e → #ed6961
Màu Gradient 18
Mã màu html: #cb9ef6 → #7467dc
Màu Gradient 19
Mã màu html: #fedfb1 → #ee3965
Màu Gradient 20
Mã màu html: #fccb4a → #f0712a
Màu Gradient 20
Mã màu html: #cb9ef6 → #a92173
Màu Gradient 21
Mã màu html: #f17096→ #6d399c
Màu Gradient 22
Mã màu html: #cb9ef6 → #08d1ba
Màu Gradient 23
Mã màu html: #fb5060 → #067cde
Màu Gradient 24
Mã màu html: #a7e05f → #12ab97
Màu Gradient 25
Mã màu html: #abe349 → #569e20
Màu Gradient 26
Mã màu html: #d4e74f → #d4e74f
Màu Gradient 27
Mã màu html: #ff9a9e → #fad0c4
Màu Gradient 28
Mã màu html: #a18cd1 → #fbc2eb
Màu Gradient 29
Mã màu html: #fad0c4 → #ffd1ff
Màu Gradient 30
Mã màu html: #ffecd2 → #fcb69f
Màu Gradient 31
Mã màu html: #ff9a9e → #fecfef
Màu Gradient 32
Mã màu html: #f6d365 → #fda085
Màu Gradient 33
Mã màu html: #fbc2eb → #a6c1ee
Màu Gradient 34
Mã màu html: #fccb90 → #d57eeb
Màu Gradient 35
Mã màu html: #cfd9df → #e2ebf0
Màu Gradient 35
Mã màu html: #e0c3fc → #8ec5fc
Màu Gradient 36
Mã màu html: #fa709a → #fee140
Màu Gradient 37
Mã màu html: #9890e3 → #b1f4cf
Nguồn mã màu: webgradients
Thiết kế website theo mẫu tại lutaweb: Chọn mẫu
