Ngày hôm nay chúng ta cùng nhau đi vào tìm hiểu những thiết kế color palette cho trang web bằng HTML, CSS và Javascript nhé!
Những Thiết Kế Color Palette Đẹp Cho Trang Web
Trước khi đi vào ví dụ thì mình có một số chú ý sau là để xem rõ kết quả hơn bạn chuyển sang chế độ screen 0.5x, 0.25x hay nếu nó không hiển thị thì bạn nhớ xác minh mình là con người trong Codepen mới xem được nhé. Nếu file là SCSS thì bạn có thể chuyển sang CSS ở đây nhé : SCSS to CSS. Nếu file là Pug thì bạn có thể chuyển sang HTML ở đây nhé : Pug to HTML. Nếu chúng ta muốn xem các nguồn được sử dụng trong Codepen để bạn thiết lập ở dưới máy tính thì nhấp vào chữ Resources ở dưới cùng bên trái của Codepen để xem các đường dẫn CDN nha.
Flat UI Color Palette
Kết quả bạn xem ở bên dưới nhé!
See the Pen Flat UI Colors by ilseum (@ilseum) on CodePen.
Thiết Kế Color Design Palette
Kết quả bạn xem ở bên dưới nhé!
See the Pen Color Inspiration by Chris (@devi8) on CodePen.
Thiết Kế Flattastic Pro Color Palette
Kết quả bạn xem ở bên dưới nhé!
See the Pen Flattastic Pro Color Palette by Marcos Rodrigues (@rodriguesmarcos) on CodePen.
Thiết Kế Flat Color Palette Javascript
Kết quả bạn xem ở bên dưới nhé!
See the Pen Simple Flat Colour Selector (Clipboard, various formats) by Captain Anonymous (@anon) on CodePen.
Thiết Kế Color Palette Design
Kết quả bạn xem ở bên dưới nhé!
See the Pen Color Palette by Dorijan Covran (@chorijan) on CodePen.
Thiết Kế Material Color Picker
Kết quả bạn xem ở bên dưới nhé!
See the Pen Material Color Picker by Corey Megown (@cmegown) on CodePen.
Thiết Kế Color Palette CSS
Kết quả bạn xem ở bên dưới nhé!
See the Pen Color Palette - Flexbox Fridays 2 by Lincoln Loop (@lincolnloop) on CodePen.
Thiết Kế Color Palette HTML5 CSS3
Kết quả bạn xem ở bên dưới nhé!
See the Pen Color palette by Aurora (@auareyou) on CodePen.
Thiết Kế Spring Color Palette
Kết quả bạn xem ở bên dưới nhé!
See the Pen Spring Color Palette by Stacy (@stacy) on CodePen.
Thiết Kế Neumorphic Color Palettes
Kết quả bạn xem ở bên dưới nhé!
See the Pen Neumorphic Color Palette (With Sound) by Aniket Kudale (@aniketkudale) on CodePen.
Thiết Kế CSS3 Color Pattern
Kết quả bạn xem ở bên dưới nhé!
See the Pen Color Palette by Marco Biedermann (@marcobiedermann) on CodePen.
Cách Tạo Material Design Palette
Kết quả bạn xem ở bên dưới nhé!
See the Pen Material Design Palette by Addy Osmani (@addyosmani) on CodePen.
Cách Tạo UI Color Palette
Kết quả bạn xem ở bên dưới nhé!
See the Pen buAdF by Dan Underwood (@Blue-82) on CodePen.
Cách Tạo Jquery Color Palette
Kết quả bạn xem ở bên dưới nhé!
See the Pen color palette by Philipp (@phbo) on CodePen.
Cách Tạo Color Palette Generator
Kết quả bạn xem ở bên dưới nhé!
See the Pen Color Palette Generator by ⚡️Vikram⚡️ (@vikramcodes) on CodePen.
Cách Tạo Javascript Color Palette
Kết quả bạn xem ở bên dưới nhé!
See the Pen Color palette by Jeremy Karlsson (@enjikaka) on CodePen.
Cách Tạo Color Palette Đẹp Cho Website
Kết quả bạn xem ở bên dưới nhé!
See the Pen Color Palette by Praveen Kumar Gorakala (@onlyveen) on CodePen.
Cách Tạo CSS Grid Color Palette
Kết quả bạn xem ở bên dưới nhé!
See the Pen CSS Grid: Color Palette by Olivia Ng (@oliviale) on CodePen.
Tổng kết:
Qua đây mình mong bài viết sẽ cung cấp thêm cho bạn những color palette hữu ích dành cho việc phát triển, thiết kế web và nếu có thắc mắc gì cứ gửi email mình sẽ phản hồi sớm nhất có thể. Rất mong bạn tiếp tục ủng hộ trang web để mình có thể viết nhiều bài hay hơn nữa nhé. Chúc bạn có một ngày vui vẻ!