Tìm kiếm bộ chuyển đổi màu khác?
Làm thế nào để chuyển đổi HEX sang RGB
Chuyển đổi màu từ HEX sang RGB đơn giản như chuyển đổi các giá trị số của chúng từ hệ thập lục phân sang hệ thống số thập phân. Để chuyển đổi màu hex #32A852, chúng tôi chia mã thành từng cặp hai 32 A8 52 và chuyển đổi từng cặp thành giá trị thập phân:
32 = 50
A8 = 168
52 = 82
#32A852 = RGB(50, 168, 82)
Hệ thập lục phân là gì
Hệ thập lục phân mô tả hệ thống số cơ số 16 - một hệ thống chữ số được tạo thành từ 16 ký hiệu. Nó sử dụng các số từ 0 đến 9 để đại diện cho các số từ 0 đến 9 và các chữ cái A đến F để đại diện cho các số từ 10 đến 15.
Nó thường được sử dụng nhiều nhất trong khoa học máy tính và toán học như một phương tiện để biểu diễn mã nhị phân ở dạng con người có thể đọc được.
Không giống như máy tính hoặc các nhà khoa học, hầu hết chúng ta sử dụng hệ thống chữ số thập phân. Nó bao gồm các số từ 0 đến 9 và nó là cách tiêu chuẩn để sử dụng các con số. Chúng tôi bắt đầu học nó ở trường mầm non và chúng tôi sử dụng nó hàng ngày:
một chiếc ô tô lái với tốc độ 10 dặm / giờ
một con mèo nặng 4kg
một tháng được làm bằng 30 ngày
RGB là gì
RGB là viết tắt của các màu Đỏ, Xanh lục và Xanh lam của ánh sáng có thể được trộn lẫn để tạo ra các màu khác nhau. Đây là phương pháp tiêu chuẩn để tạo ra hình ảnh cho màn hình TV, màn hình máy tính và màn hình điện thoại thông minh.
Nói chính xác hơn, RGB là một mô hình màu phụ gia, có nghĩa là bạn phải thêm các màu với nhau để tạo ra một màu khác.
Hãy tưởng tượng xếp chồng các màu lên nhau:
Ghi chú: các thiết bị khác nhau tạo ra các giá trị RGB khác nhau. Mỗi thiết bị sử dụng lý thuyết pha trộn màu khác nhau, có nghĩa là màu RGB không giống nhau trên tất cả các thiết bị và chúng cần quản lý màu sắc để trông giống nhau.
Để mô tả một màu trong mô hình màu RGB, bạn phải cho biết lượng màu đỏ, xanh lục và xanh lam là cần thiết.
Bạn cho biết cần bao nhiêu màu đỏ, xanh lục và xanh lam bằng cách sử dụng bộ ba RGB (R, G, B) trong đó mỗi phần tử có thể thay đổi từ 0 đến một giá trị lớn nhất xác định.
Nếu tất cả các phần tử đều bằng 0 (0, 0, 0) - kết quả là màu đen.
Nếu tất cả các phần tử đều ở mức tối đa (255, 255, 255) - kết quả là màu trắng.
Sự kết hợp của những con số này tạo nên các màu khác nhau (255, 255, 0) - kết quả là màu vàng
Điều này được gọi là độ đậm của màu và được đo bằng bit.
Tính đến năm 2018, hầu hết mọi màn hình TV, máy tính và điện thoại thông minh đều sử dụng độ sâu màu 24 bit được biết đến như màu thật. Nó hỗ trợ tám bit cho mỗi màu trong ba màu, hoặc tổng cộng 24 bit.
Điều này cung cấp 28 hoặc là 256 các giá trị có thể có cho màu đỏ, xanh lục và xanh lam:
256 x 256 x 256 = 16,777,216 tổng số màu có thể có trong bảng màu thực
Bây giờ chúng ta đã biết sự khác biệt giữa hệ thập lục phân và hệ thập phân, hãy kiểm tra cách chúng ta có thể chuyển đổi từ số này sang số khác.
Như chúng ta đã biết, trong hệ thống số thập lục phân, các số từ 0 đến 9 đại diện cho 0 đến 9, và các chữ cái A đến F đại diện cho 10 đến 15 trong hệ thập phân.
Đây là một bảng chuyên sâu giúp giải thích rõ việc chuyển đổi từ số thập lục phân sang số thập phân:
Làm thế nào để chuyển đổi HEX sang RGB
Để chuyển đổi HEX sang RGB, bạn phải chia giá trị thập lục phân thành hai cặp và chuyển nó thành số thập phân.
Thí dụ #1: chuyển đổi màu đỏ #FF0000 đến RGB:
FF = 255
00 = 0
00 = 0
RGB = (255, 0, 0)
Thí dụ #2: chuyển đổi màu xanh lá cây #00FF00 đến RGB:
00 = 0
FF = 255
00 = 0
RGB = (0, 255, 0)
Thí dụ #3: chuyển đổi màu xanh lam #0000FF đến RGB:
00 = 0
00 = 0
FF = 255
RGB = (0, 0, 255)
Thí dụ #4: chuyển đổi màu đen #000000 đến RGB:
00 = 0
00 = 0
00 = 0
RGB = (0, 0, 0)
Thí dụ #5: chuyển đổi màu trắng #FFFFFF đến RGB:
FF = 255
FF = 255
FF = 255
RGB = (255, 255, 255)
Tặng kem thí dụ #6: chuyển đổi màu vàng #FFD700 đến RGB:
FF = 255
D7 = 215
00 = 0
RGB = (255, 215, 0)
Làm thế nào để chuyển đổi RGB sang HEX
Để chuyển đổi RGB sang HEX, bạn phải chuyển đổi các giá trị màu xanh lục đỏ và xanh lam từ hệ thập phân sang thập lục phân.
Thí dụ #1: chuyển đổi màu đỏ (255, 0, 0) đến HEX:
R = 255 = FF
G = 0 = 00
B = 0 = 00
HEX = #FF0000
Thí dụ #2: chuyển đổi màu xanh lá cây (0, 255, 0) đến HEX:
R = 0 = 00
G = 255 = FF
B = 0 = 00
HEX = #00FF00
Thí dụ #3: chuyển đổi màu xanh lam (0, 0, 255) đến HEX:
R = 0 = 00
G = 0 = 00
B = 255 = FF
HEX = #0000FF
Thí dụ #4: chuyển đổi màu đen (0, 0, 0) đến HEX:
R = 0 = 00
G = 0 = 00
B = 0 = 00
HEX = #000000
Thí dụ #5: chuyển đổi màu trắng (255, 255, 255) đến HEX:
R = 255 = FF
G = 255 = FF
B = 255 = FF
HEX = #FFFFFF
Tặng kem thí dụ #6: chuyển đổi màu vàng (255, 215, 0) đến HEX:
R = 255 = FF
G = 215 = D7
B = 0 = 00
HEX = #FFD700
Sự khác biệt giữa Hex và RGB
Như chúng ta có thể thấy từ các ví dụ trên, sự khác biệt chính giữa Hex và RGB là nó sử dụng các hệ thống số khác nhau. HEX sử dụng hệ thập lục phân và RGB sử dụng hệ thập phân.
Chuyển đổi màu từ HEX sang RGB đơn giản như chuyển đổi các giá trị số của chúng từ hệ thập lục phân sang hệ thống số thập phân.
HEX vs RGB - cái nào tốt hơn
Từ kinh nghiệm của chúng tôi và từ những gì nhóm của chúng tôi đã quan sát trong nhiều năm, hệ thập lục phân được sử dụng thường xuyên hơn RGB, đặc biệt là trong các ngành phát triển web và thiết kế web.
Tuy nhiên, không có gì khác biệt mà bạn sử dụng vì cả hai đều đại diện cho cùng một màu. Đề xuất duy nhất - hãy kiên định.
Nếu bạn bắt đầu sử dụng RGB trong suốt dự án web của chúng tôi - hãy gắn bó với nó. Nếu bạn bắt đầu sử dụng HEX trong suốt dự án web của chúng tôi, hãy cố gắng chỉ sử dụng HEX
