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 bạn mới học thiết kế thì 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

Đánh giá :

Tags: Bán hàng Online
Trở thành hội viên