Bảng mã màu chuẩn CMYK, RGB, HEX, HTML, CSS thông dụng

Chắc hẳn những ai làm thiết kế, lập trình đồ họa đều không thể không biết tới bảng mã màu. Bảng mã màu đóng vai trò vô cùng quan trọng thiết kế web và thiết kế đồ họa trên máy tính. Trong bài viết này, Nhân Hòa sẽ tổng hợp tới bạn bảng mã màu chuẩn CMYK, RGB, HEX, HTML, CSS thông dụng 2023 nhất.

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

Có nhiều cách để xác định mã màu khác nhau, dưới đây Nhân Hòa sẽ chỉ cho bạn cách thông dụng nhất đó là kết hợp bảng màu RGB và theo hệ thập lục phân – HEX

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

HEX là viết tắc của từ "hexadecimal".

Cách viết: gồm dấu "#" kết hợp với dãy ký tự Latin, chỉ bao gồm số hoặc chữ (hệ thập lục phân), không phân biệt chữ hoa hay chữ thường.

Các ký tự Latin có thể chấp nhận là: a,b,c,d,e,f,A,B,C,D,E,F.

Ví dụ: #00ffff

Ta có thể viết gút gọn màu này theo các cách sau:

- Rút gọn 6 ký tự giống nhau thành 3 ký tự: #ffffff => #fff

- Rút gọn 3 cặp ký tự thành 3 ký tự: #ff0066 => #f06

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

Xác định màu theo RGB là sự kết hợp của 3 màu cơ bản: đỏ (Red), xanh lá cây (Green) và xanh dương (Blue)

Cách viết: rgb(giá trị 1, giá trị 2, giá trị 3)

Với giá trị từ 0 tới 255

Ví dụ: rgb(155,167,1)

Một số giá trị đặc biệt:

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

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

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

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

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

Màu Trắng: rgb(255,255,255)

Xác định màu theo tên tiếng anh

Ngoài 2 kiểu xác định trên thì ta cũng có thể xác định màu theo tên tiếng anh

Cách viết: tên màu được viết theo tiếng anh.

Ví dụ: blue

Một số tên thường dùng:

Màu đen: black

Màu đỏ: red

Màu xanh lá cây: green

Màu xanh dương: blue

Màu vàng: yellow

Màu trắng: white

Màu nâu: Brown

Màu tím: Purple

Màu hồng: Pink

>>Xem thêm: Cách phối màu sắc chuẩn trong thiết kế website

2.Bảng mã màu HTML, CSS, RGB cơ bản đầy đủ nhất

Dưới đây là bảng mã màu áp dụng cho code HTML, CSS và mã màu RGB, dành cho những nhà thiết kế website, lập trình viên, designer,… 

3.Bảng màu phổ biến, thường dùng

Dưới đây là bảng các màu phổ biến dạng mã HEX-16 được sử dụng phổ biến nhất.

4.Bảng màu RGB theo màu chủ đạo

Tiếp theo là bảng mã màu RGB tổng hợp theo dải màu chủ đạo.

5.Bảng màu dùng cho in ấn CMYK

CMYK là bảng mã màu được sử dụng nhiều trong ngành in ấn. CMYK còn có tên gọi khác four-color process” (quy trình bốn màu). Hệ màu CMYK gồm có:

- C: Cyan (màu lục lam).

- M: Magenta (màu đỏ tươi hay hồng tươi).

- Y: Yellow (màu vàng).

- K: Keyline (màu đen).

Dưới đây là bảng mã màu CMYK thông dụng song song với mã màu RGB vã mã HEX-16 tương ứng.

6.Phần mềm lấy mã màu 

Color Cop

Color Cop là phần mềm nhận dạng code màu trong ảnh nhanh chóng mà không cần đến Photoshop. 

Khung mã màu của Color Cop có thể chuyển sang các mã màu khác. Bạn chỉ cần bấm vào mã màu và chọn Mode hoặc mã màu cần chuyển. Thì Color Cop sẽ hỗ trợ những mã màu: HTML, Delphi, Powerbuilder, RGB float, RGB, Visual Basic,…

Pixie

Pixie là phần mềm của Nattyware, có giao diện dễ sử dụng. Dung lượng của Pixie rất nhẹ, chỉ với 11 KB, và nếu nén zip thì chỉ còn 8,9 KB. Phần mềm này cung cấp cho người dùng các menu bảng mã màu nhanh chóng. Có thể đáp ứng nhu cầu của các nhà thiết kế hoặc quản trị trang web. Bạn chỉ cần chọn màu vào vùng ảnh cần chụp. Sau đó, phần mềm sẽ báo cho người dùng biết các giá trị màu như HEX, RGB, HTML, CMYK, HSV.

Just Color Picker

Just Color Picker hỗ trợ rất tốt trong thiết kế đồ họa, webdesigner. Phần mềm có thể xác định, nhận mã màu nhanh chóng. Và hỗ trợ tới 5 định dạng màu HTML, RGB, HEX, HSB/HSV và HSL. Đồng thời có thể lưu, chỉnh sửa hoặc kết hợp các màu sắc với nhau. 

Anry Color Picker

Đây là phần mềm lấy mã màu cực nhanh trên hình ảnh màn hình nhanh. Bạn chỉ cần đưa con trỏ chuột vào một điểm bất kỳ nào đó trên màn hình để nhận được mã màu tại điểm tương ứng. Sau đó, bạn có thể nhấn phím tắt để lưu lại mã màu đó.

Instant Eyedropper Portable

Đây là phần mềm nhận mã màu chuyên nghiệp chuyên dành cho những nhà thiết kế và quản trị website. Với Instant Eyedropper Portable bạn có thể tự động xác định mã màu. Và dán mã màu HTML lên clipboard ở bất kỳ điểm ảnh nào trên màn hình cực kỳ nhanh chóng.

ColorPix

ColorPix được tích hợp kính lúp có thể phóng to màn hình đến 2800%. Nên chỉ cần nhấp chuột vào bất cứ một mã màu nào đó bạn có thể sao chép trực tiếp vào clipboard nhanh chóng.

Eye Dropper

Eye Dropper là một trong những công cụ lấy mã màu chính xác với khả năng xác định mã màu cực nhanh. Phần mềm này cho phép bạn chọn màu từ bất kỳ trang web nào đó hoặc từ bảng chọn màu tiên tiến. Đồng thời, ứng dụng còn hỗ trợ nhận mã màu chuẩn và cực kỳ nhanh chóng.

>>Xem thêm: Thiết kế website cơ bản + đơn giản

7.Tổng kết

Trên đây là tổng hợp bảng mã màu chuẩn CMYK, RGB, HEX, HTML, CSS thông dụng 2023 mà Nhân Hòa gửi tới bạn. Mong rằng bài viết sẽ mang tới một giá trị hữu ích cho những ai làm thiết kế muốn tìm kiếm bảng màu dễ dàng. Cần hỗ trợ tư vấn về dịch vụ tại Nhân Hòa liên hệ thông tin sau:

CÔNG TY TNHH PHẦN MỀM NHÂN HÒA 

Hotline: 1900 6680 

Website: https://nhanhoa.com 

Fanpage: https://www.facebook.com/nhanhoacom 

Chỉ đường: https://g.page/nhanhoacom 

Chương trình khuyến mãi mới nhất: https://nhanhoa.com/khuyen-mai.html 

Email: contact@nhanhoa.com 

Trụ sở chính: Tầng 4 – Tòa nhà 97-99 Láng Hạ, Đống Đa, Hà Nội → Tel: (024) 7308 6680 – Email: sales@nhanhoa.com 

Chi nhánh TP. Hồ Chí Minh: 270 Cao Thắng (nối dài), Phường 12, Quận 10, Tp.HCM → Tel: (028) 7308 6680 – Email: hcmsales@nhanhoa.com 

Chi nhánh Vinh – Nghệ An: Tầng 2 Tòa nhà Sài Gòn Sky, ngõ 26 Nguyễn Thái Học, phường Đội Cung, TP. Vinh, Nghệ An