Bảng code màu HTML, CSS, RGB, CMYK phổ biến

Đối với các bạn ít tiếp xúc với lĩnh vực thiết kế thì có lẽ các khái niệm về bảng code màu, mã màu vẫn còn xa lạ và mơ hồ. Trong lĩnh vực thiết kế, mỗi màu sắc với nhiều sắc độ và tính chất khác nhau sẽ được gán cho một mã riêng gọi là mã màu, giúp phân biệt giữa các màu sắc với nhau. Bài viết này sẽ cung cấp thêm thông tin cho các bạn về các khái niệm và cách sử dụng bảng code màu chuẩn để công việc thiết kế của bạn trở nên dễ dàng hơn.

Bảng code màu là gì?

Bảng code màu hay còn gọi là bảng mã màu là bảng những màu sắc cụ thể được gắn với một dòng mã riêng nhằm đảm bảo sự chính xác về màu sắc trong các thiết kế. Màu sắc trong các bản thiết kế sẽ trở nên hài hòa và đẹp mắt hơn nếu có sự trợ giúp từ bảng code màu.

Đặc điểm của bảng code màu

Các bảng mã màu có nhiều định dạng khác nhau như: giá trị RGB, HSL, CMYK, CSS và bảng màu HTML, mã màu Hex,… Trong đó mã màu Hex, số thập lục phân 3 byte bao gồm 6 chữ số, được sử dụng phổ biến nhất. Trong đó ở mỗi byte sẽ đại diện cường độ màu đỏ, xanh lam, xanh lục. Giá trị cường độ màu dao động từ 00 – FF là thấp nhất và cao nhất.

Công dụng của bảng code màu giúp máy tính có thể đọc và hiển thị đúng màu sắc mà bạn mong muốn. Ngoài ra, bảng code màu còn hỗ trợ trong việc hiển thị, truyền đạt và nhận biết thông tin trong khi truyền đạt cũng như nhận biết trạng thái của sự vật sự việc thông qua màu sắc quy ước trong các lĩnh vực hóa học, công nghệ, y tế.

Cách xác định mã màu

Có hai cách xác định mã màu phổ biến nhất đó là xác định màu theo bảng màu RGB và theo hệ thập lục phân. Trong bài viết này, Quảng Cáo An Phong sẽ hướng dẫn cho bạn xác định mã màu với hai cách trên

Xác định mã màu theo hệ màu RGB

RGB hoạt động dựa trên cơ chế tăng giảm cường độ 3 màu chính bao gồm:

  • R: Red – Đỏ
  • G: Green – Xanh lá
  • B: Blue – Xanh dương

Các giá trị của cường độ màu dao động từ 0 – 255. Khi sử dụng hệ màu RGB các bạn tiến hành điều chỉnh màu sắc bằng cách tăng giảm ba giá trị này để tạo ra màu sắc ưng ý. Ví dụ hiển thị mã màu được điều chỉnh theo hệ màu RGB:

  • Màu đen – rgb(0,0,0)
  • Màu trắng – rgb(255,255,255)
  • Màu đỏ – rgb(255,0,0)
  • Màu xanh lá – rgb(0,255,0)
  • Màu xanh dương – rgb(0,0,255)

Xác định mã màu theo hệ thập lục phân

Hệ thập lục phân hay còn gọi là Hex, được viết tắt của từ “hexadecimal”. Cách kí hiệu bao gồm dấu “#” ở đầu và sau đó là dãy kí tự gồm số hoặc chữ. Các kí tự chữ bao gồm “a, b, c, d, e, f, A, B, C, D, E, F”. Ví dụ hiển thị mã màu điều chỉnh theo hệ thập lục phân: #6633CC

Các bảng code màu phổ biến

Bảng mã màu HTML, CSS, RGB

Sau đây là các bảng code màu phổ biến đầy đủ nhất áp dụng cho code HTML, CSS và mã màu RGB, hỗ trợ các bạn trong việc thiết kế website và hình ảnh.

Bảng mã màu HTML, CSS, RGB
Bảng mã màu HTML, CSS, RGB

Bảng màu RGB theo dải màu chủ đạo

Bằng việc thay đổi giá trị của màu chủ đạo theo cấp số nhân thì ta sẽ có được dải màu theo màu chủ đạo với các sắc độ, trạng thái khác nhau.

Bảng màu RGB theo dải màu chủ đạo
Bảng màu RGB theo dải màu chủ đạo

Bảng màu CMYK

Bảng màu CMYK được sử dụng phổ biến trong in ấn với hệ màu gồm:

  • C: Cyan – Màu lục lam
  • M: Magenta – Màu hồng sẫm
  • Y: Yellow – Màu vàng
  • K: Keyline – Màu đen
Bảng màu CMYK
Bảng màu CMYK

Trên đây là những bảng code màu phổ biến trong thiết kế mà bạn có thể tham khảo để phục vụ cho công việc của mình. Nếu thấy bài viết này bổ ích thì hãy để lại bình luận cho chúng tôi biết nhé. Ngoài ra, nếu các bạn đang có nhu cầu in ấn ấn phẩm thì hãy liên hệ với Quảng Cáo An Phong để được tư vấn báo giá ngay nhé.

>> Xem thêm:

4.9/5 - (4222 bình chọn)

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Bài Viết Liên Quan

Báo giá bảng hiệu tôn dán decal giá rẻ uy tín tại TPHCM

Bảng hiệu tôn dán decal là một trong những loại bảng hiệu phổ biến được...

Cách tính kích thước làm bảng hiệu theo phong thủy

Phong thủy là một trong những yếu tố bạn cần để ý khi bắt đầu...

Những điều cần biết khi lắp đặt đèn pha bảng hiệu

Các bảng hiệu sẽ kém thu hút hơn khi vào buổi đêm, vì thế chúng...

Cách lựa chọn màu nền biển quảng cáo phù hợp

Biển quảng cáo là một phần quan trọng không thể thiếu tại cửa hàng hay...

Chọn màu sắc bảng hiệu theo phong thủy đón tài đón lộc

Phong thủy là yếu tố luôn phải quan tâm khi thực hiện thi công xây...

Bạn cần hỗ trợ?