AbraCalc

Công cụ Chuyển đổi Hex sang RGB Chuẩn hóa

Chuyển đổi màu hex sang giá trị RGB dạng số thực chuẩn hóa (0.0–1.0) để dùng trong WebGL, shader GLSL và đồ họa 3D.

Bởi · Kiểm tra bởi AbraCalc Methodology Review · 2 nguồn

Nhúng công cụ này vào trang của bạn
Trích dẫn công cụ này

APA

AbraCalc. (2026). Công cụ Chuyển đổi Hex sang RGB Chuẩn hóa [Online calculator]. Retrieved from https://abracalc.com/vi/doi-hex-sang-rgb-chuan-hoa/

BibTeX

@misc{abracalc-doi-hex-sang-rgb-chuan-hoa, author = {AbraCalc}, title = {Công cụ Chuyển đổi Hex sang RGB Chuẩn hóa}, year = {2026}, howpublished = {\url{https://abracalc.com/vi/doi-hex-sang-rgb-chuan-hoa/}} }

Công cụ này có trả lời được câu hỏi của bạn không?

Cách dùng công cụ này

  1. Nhập một màu hex (ví dụ #3a86ff).
  2. Mỗi kênh được chia cho 255 để tạo ra số thực trong khoảng [0.0, 1.0].
  3. Dán kết quả vec3() trực tiếp vào code shader GLSL của bạn.

WebGL, shader GLSL và nhiều API 3D yêu cầu RGB dưới dạng số thực trong khoảng [0, 1]. Nhập một màu hex và nhận biểu diễn vec3 chuẩn hóa ngay lập tức.

Công thức

Given a hex color #RRGGBB, each normalized float channel is:

Rn = parseInt(RR, 16) / 255

Gn = parseInt(GG, 16) / 255

Bn = parseInt(BB, 16) / 255

Each result is rounded to 4 decimal places. The GLSL vec3 form is: vec3(Rn, Gn, Bn).

Câu hỏi thường gặp

Tại sao WebGL sử dụng khoảng 0–1?
OpenGL và WebGL hoạt động trong tọa độ thiết bị chuẩn hóa xuyên suốt. Việc dùng 0–1 cho các thành phần màu nhất quán với thiết kế này và tránh tràn số nguyên.
vec3 trong GLSL là gì?
vec3 trong GLSL là một vector số thực ba thành phần. Trong shader, vec3(r,g,b) biểu diễn một màu RGB.

Tài liệu tham khảo và nguồn