3 cách xác định bảng màu sắc chuẩn cho thiết kế web

3 cách xác định bảng màu sắc chuẩn cho thiết kế web

Mục lục

Để website thêm phần ấn tượng và thu hút người xem hơn thì màu sắc đóng vai trò hết sức quan trọng. Tuy nhiên, đối với những nhà thiết kế non trẻ, việc xác định bảng màu sắc chuẩn cho thiết kế web vẫn còn mơ hồ. Đừng quá lo lắng mà hãy tham khảo ngay 3 cách đơn giản dưới đây. 

Cách 1: Xác định màu theo kết hợp color RGB 

Cách xác định bảng màu sắc chuẩn đầu tiên mà UNICA muốn giới thiệu với bạn đó chính là xác định màu theo kết hợp color RGB. Theo đó, hệ màu RGB được tạo nên từ 3 màu cơ bản là: xanh lá cây (green), xanh dương (Blue), đỏ (Red).

Cách viết hệ màu này như sau: rgb (giá trị 1, giá trị 2, giá trị 3). Ví dụ: rgb (167,289,2). Trong hệ màu RGB, người dùng cũng cần nắm được một số giá trị đặc biệt như: 

- Màu đỏ: rgb (255,0,0)

- Màu đen: rgb(0,0,0)

- Màu xanh lá cây: rgb (0,255,0)

- Màu vàng: rgb (255,255,0)

- Màu xanh dương: rgb (0,0,255)

- Màu trắng : rgb (255,255,255)

>>> Xem ngay: Bố cục là gì? 7 bố cục chụp ảnh nổi tiếng nhất trong nhiếp ảnh

bang-mau-sac-chuan-1

Hệ màu RGB được tạo nên từ 3 màu chính là đỏ, xanh lá cây và xanh dương

Cách 2: Xác định màu theo hệ lục phân - HEX

Dựa theo hệ lục phân, người dùng hoàn toàn có thể xác định bảng màu sắc chuẩn cho website của mình. Cụ thể, HEX là tên viết tắt của từ hexadecimal. 
Cách viết cho hệ màu này như sau: Đầu tiên là dấu # sau đó là dãy ký tự Latin (bao gồm số hoặc chữ thuộc hệ thập lục phân), không có sự phân biệt giữa chữ thường và chữ hoa. Một số ký tự Latin có thể chấp nhận được trong hệ màu bao gồm: a, c, b, d, e, f, A, B, C, D, E, F. Ví dụ: #44aaaa. 

Với ví dụ trên, bạn hoàn toàn có thể viết theo 2 cách rút gọn sau đây: 

- Rút gọn 6 ký tự giống nhau thành 3 ký tự, như vậy #aaaa sẽ được rút gọn thành #aaa. 

- Rút gọn 3 cặp lý tự thành 3 ký tự: #44aa00 sẽ được rút gọn thành #4a0. 

bang-mau-sac-chuan-2

Hệ lục phân cũng là tiêu chí để xác định bảng màu sắc chuẩn cho website

Cách 3: Xác định bảng màu sắc chuẩn theo tiếng Anh 

Đối với cách này, tên màu sẽ được viết hoàn toàn bằng tiếng Anh. Một số màu chuẩn thường được sử dụng để thiết kế web bao gồm: 

- Black: Màu đen 

- Green: Màu xanh lá cây 

- Red: Màu đỏ 

- Blue: Màu xanh dương 

- Yellow: Màu vàng 

- White: Màu trắng 

- Brown: Màu nâu 

- Purple: Màu tím

- Pink: Màu hồng 

bang-mau-sac-chuan-3

Màu sắc cũng được giới thiệu theo hệ tên tiếng Anh 

mau-sac-thuong-dung

mau-sac-thuong-dung-1

mau-sac-thuong-dung-2

mau-sac-thuong-dung-3

mau-sac-thuong-dung-4

mau-sac-thuong-dung-5

mau-sac-thuong-dung-6

Đặc biệt hơn, bạn nên tham khảo khóa học "Thiết kế Web chuẩn SEO bằng Wordpress cho người mới bắt đầu" của giảng viên David Thanh trên Unica để nắm điwọc các bước thiết kế web, xây dựng kinh doanh online  doanh ấn tượng, chuẩn SEO Google do chính mình tự thiết kế.

Khóa học "Thiết kế Web chuẩn SEO bằng Wordpress cho người mới bắt đầu"

Khóa học bao gồm 84 bài giảng và thời lượng học là 06 giờ 02 phút, bạn được giảng viên hướng dẫn từng bước, từng bước làm web bằng Wordpress, cách xây dựng trang Web Kinh doanh trên Internet với hàng ngàn mẫu thiết kế đẹp mắt… Và đặc biệt hơn hết là bạn luôn luôn có thể quản trị trang Web của mình mà KHÔNG cần bất kỳ nhân viên kỹ thuật nào hỗ trợ.

Xem chi tiết toàn bộ khóa học

Xem ngay: Thiết kế Web chuẩn SEO bằng Wordpress cho người mới bắt đầu

Qua bài viết trên, chắc chắn các nhà thiết kế đã biết cách xác định bảng màu sắc chuẩn trong thiết kế web. Hy vọng những thông tin này sẽ giúp nhà thiết kế tự tay phối màu cho website chuẩn đẹp nhất. Ngoài ra còn có các khóa học thiết kế, khóa học 3ds max, học nội thất đang chờ bạn trải nghiệm, khám phá. 

Đánh giá :

Tags: Thiết kế Web