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