Màu sắc là yếu tố có ảnh hưởng rất lớn đến nhận thức của con người. Vì màu sắc sẽ phản ánh trạng thái cảm xúc của con người. Đối với những ai làm trong lập trình, đồ họa việc nắm vững bảng mã màu và cách lấy mã màu là điều cần thiết. Sau đây, Vietnix sẽ giới thiệu đến bạn đầy đủ và cách lấy mã màu nhanh dành cho các bạn.
Bảng mã màu là gì?
Bảng mã màu hay có cái tên khác là bảng code màu với công dụng chính là đảm bảo được màu sắc chính xác để nhân viên thiết kế web và nhân viên thiết kế đồ họa sử dụng. Những bản thiết kế sẽ trở nên đẹp mắt, phù hợp và hài hòa hơn đều nhờ vào sự giúp sức từ bảng mã màu.
Đặc điểm của bảng mã màu
Mã màu có tác dụng thể hiện chính xác được màu sắc mà chúng ta được nhìn thấy hằng ngày. Khi thiết kế đồ họa thì bảng mã màu sẽ giúp máy tính giải thích và hiển thị được màu sắc chuẩn mà bạn mong muốn.
Hiện nay bảng mã màu thường được sử dụng nhiều trong các trang web và một số ứng dụng phần mềm khác, có nhiều định dạng như: mã màu Hex, giá trị RGB, HSL, CMYK, CSS và tên màu HTML,..Trong bảng code màu thì mã màu Hex 6 chữ số là phổ biến nhất, sau đó mới đến thập lục phân byte 3 chữ số. Trong đó ở mỗi byte sẽ đại diện cường độ màu đỏ, xanh lam và xanh lục.Giá trị byte của mã Hex thường nằm trong cường độ khoảng 00(thấp nhất) – FF(cao nhất)
Hướng dẫn chi tiết cách lấy mã một màu
Cách lấy mã một màu hữu ích ở trình duyệt máy tính hoặc ở các phần mềm khác như Photoshop, AI, Corel mà bạn nên tham khảo:
- Bước 1: Click chuột phải sau đó lựa chọn “Inspect”
- Bước 2: Ấn chọn biểu tượng “Color”
- Bước 3: Tiến hành click vào biểu tượng “Cây bút”
- Bước 4: Tùy chỉnh bút vào khu vực mã màu mà bạn muốn sử dụng
- Bước 5: Copy mã màu HTML, CSS, RGB, CMYK phù hợp.
Các cách xác định mã màu
Có nhiều cách để xác định mã màu khác nhau, ở bài viết này Vietnix sẽ chia sẻ cho bạn 2 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 kết hợp bảng màu RGB
RGB là hệ màu được sử dụng nhiều trong thiết kế vật thể trên màn hình, điện thoại hay các thiết bị điện tử khác. RGB là cụm từ viết tắt tiếng Anh của cơ chế hệ màu cộng có nghĩa là:
- R: Red (màu đỏ).
- G: Green ( màu xanh lá cây).
- B: Blue ( màu xanh lam).
Cách viết: rgb(giá trị 1, giá trị 2, giá trị 3) với các giá trị từ 0 đến 255.
Ví dụ: rgb(157,167,3).
Xác định màu theo hệ thập lục phân – HEX
HEX là từ viết tắt của cụm từ “hexadecimal”. Cách viết mã màu bao gồm dấu “#” kết hợp với dãy ký tự Latin. Bao gồm số hoặc chữ (theo hệ thập lục phân) và không phân biệt chữ in hoa hay chữ thường. Các ký tự Latin được chấp nhận là: a, b, c, d, e, f, A, B, C, D, E, F.
Ví dụ: #808080.
Bảng mã màu HTML, CSS, RGB cơ bản tổng hợp đầy đủ nhất
Vietnix sẽ tổng hợp cho bạn bảng mã màu đầy đủ. Bao gồm có 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,… Chắc chắn các code màu sẽ rất cần thiết và hỗ trợ nhanh chóng hơn trong công việc. Với bảng mã này, bạn chỉ việc copy mã màu về trực tiếp và sử dụng.
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.
#EEEEEE
#DDDDDD
#CCCCCC
#BBBBBB
#AAAAAA
#999999
#888888
#777777
#666666
#555555
#444444
#333333
#222222
#111111
#000000
#FF0000
#EE0000
#DD0000
#CC0000
#BB0000
#AA0000
#990000
#880000
#770000
#660000
#550000
#440000
#330000
#220000
#110000
#FFFFFF
#FFFFCC
#FFFF99
#FFFF66
#FFFF33
#FFFF00
#CCFFFF
#CCFFCC
#CCFF99
#CCFF66
#CCFF33
#CCFF00
#99FFFF
#99FFCC
#99FF99
#99FF66
#99FF33
#99FF00
#66FFFF
#66FFCC
#66FF99
#66FF66
#66FF33
#66FF00
#33FFFF
#33FFCC
#33FF99
#33FF66
#33FF33
#33FF00
#00FFFF
#00FFCC
#00FF99
#00FF66
#00FF33
#00FF00
#FFCCFF
#FFCCCC
#FFCC99
#FFCC66
#FFCC33
#FFCC00
#CCCCFF
#CCCCCC
#CCCC99
#CCCC66
#CCCC33
#CCCC00
#99CCFF
#99CCCC
#99CC99
#99CC66
#99CC33
#99CC00
#66CCFF
#66CCCC
#66CC99
#66CC66
#66CC33
#66CC00
#33CCFF
#33CCCC
#33CC99
#33CC66
#33CC33
#33CC00
#00CCFF
#00CCCC
#33CC66
#33CC33
#00CC99
#00CC66
#00CC33
#00CC00
#FF99FF
#FF99CC
#FF9999
#FF9966
#FF9933
#FF9900
#CC99FF
#CC99CC
#CC9999
#CC9966
#CC9933
#CC9900
#9999FF
#9999CC
#999999
#999966
#999933
#999900
#6699FF
#6699CC
#669999
#669966
#669933
#669900
#3399FF
#3399CC
#339999
#339966
#339933
#339900
#0099FF
#0099CC
#009999
#009966
#009933
#009900
#FF66FF
#FF66CC
#FF6699
#FF6666
#FF6633
#FF6600
#CC66FF
#CC66CC
#CC6699
#CC6666
#CC6633
#CC6600
#9966FF
#9966CC
#996699
#996666
#996633
#996600
#6666FF
#6666CC
#666699
#666666
#666633
#666600
#3366FF
#3366CC
#336699
#336666
#336633
#336600
#0066FF
#0066CC
#006699
#006666
#006633
#006600
#FF33FF
#FF33CC
#FF3399
#FF3366
#FF3333
#FF3300
#CC33FF
#CC33CC
#CC3399
#CC3366
#CC3333
#CC3300
#9933FF
#9933CC
#993399
#993366
#993333
#993300
#6633FF
#6633CC
#663399
#663366
#663333
#663300
#3333FF
#3333CC
#333399
#333366
#333333
#333300
#0033FF
#FF3333
#0033CC
#003399
#003366
#003333
#003300
#FF00FF
#FF00CC
#FF0099
#FF0066
#FF0033
#FF0000
#CC00FF
#CC00CC
#CC0099
#CC0066
#CC0033
#CC0000
#9900FF
#9900CC
#990099
#990066
#990033
#990000
#6600FF
#6600CC
#660099
#660066
#660033
#660000
#3300FF
#3300CC
#330099
#330066
#330033
#330000
#0000FF
#0000CC
#000099
#000066
#000033
#00FF00
#00EE00
#00DD00
#00CC00
#00BB00
#00AA00
#009900
#008800
#007700
#006600
#005500
#004400
#003300
#002200
#001100
#0000FF
#0000EE
#0000DD
#0000CC
#0000BB
#0000AA
#000099
#000088
#000077
#000055
#000044
#000022
#000011
Bảng màu RGB đầy đủ trong thiết kế
Tiếp theo là bảng mã màu RGB tổng hợp theo dải màu chủ đạo.
Red colors
Color
HTML / CSS – Color Name
Decimal Code -(R,G,B)
lightsalmon
(255,160,122)
salmon
(250,128,114)
darksalmon
(233,150,122)
lightcoral
(240,128,128)
indianred
(205,92,92)
crimson
(220,20,60)
firebrick
(178,34,34)
red
(255,0,0)
dark red
(139,0,0)