Chuyển đến công cụ chọn màu

Chuyển đổi HEX sang RGBA

Dán giá trị HEX, nhận ngay RGBA. Các định dạng khác cũng dùng được.

Nhận dạng: HEX

Giá trị RGBArgba(255, 87, 51, 1)
RGBA sang HEX

Tinh chỉnh màu

11°
100%

68%
0,210
34°

Mọi định dạng khác

Bảng độ mờ: alpha trong HEX và RGBA

Trong mã HEX 8 chữ số, hai chữ số cuối quy định độ mờ đục: FF là đục hoàn toàn, 80 khoảng 50%, 00 là trong suốt hoàn toàn. Bảng hiển thị màu ví dụ theo từng bước 5%.

Độ mờ đụcAlpha HEXHEXRGBA
100%ff#ff5733rgba(255, 87, 51, 1)
95%f2#ff5733f2rgba(255, 87, 51, 0.95)
90%e6#ff5733e6rgba(255, 87, 51, 0.9)
85%d9#ff5733d9rgba(255, 87, 51, 0.85)
80%cc#ff5733ccrgba(255, 87, 51, 0.8)
75%bf#ff5733bfrgba(255, 87, 51, 0.75)
70%b3#ff5733b3rgba(255, 87, 51, 0.7)
65%a6#ff5733a6rgba(255, 87, 51, 0.65)
60%99#ff573399rgba(255, 87, 51, 0.6)
55%8c#ff57338crgba(255, 87, 51, 0.55)
50%80#ff573380rgba(255, 87, 51, 0.5)
45%73#ff573373rgba(255, 87, 51, 0.45)
40%66#ff573366rgba(255, 87, 51, 0.4)
35%59#ff573359rgba(255, 87, 51, 0.35)
30%4d#ff57334drgba(255, 87, 51, 0.3)
25%40#ff573340rgba(255, 87, 51, 0.25)
20%33#ff573333rgba(255, 87, 51, 0.2)
15%26#ff573326rgba(255, 87, 51, 0.15)
10%1a#ff57331argba(255, 87, 51, 0.1)
5%0d#ff57330drgba(255, 87, 51, 0.05)
0%00#ff573300rgba(255, 87, 51, 0)

Ví dụ chuyển HEX sang RGBA

MàuHEXRGBA
#ff0000rgba(255, 0, 0, 1)
#00ff00rgba(0, 255, 0, 1)
#0000ffrgba(0, 0, 255, 1)
#ffffffrgba(255, 255, 255, 1)
#000000rgba(0, 0, 0, 1)
#808080rgba(128, 128, 128, 1)
#ff5733rgba(255, 87, 51, 1)
#3b82f6rgba(59, 130, 246, 1)
#10b981rgba(16, 185, 129, 1)
#f59e0brgba(245, 158, 11, 1)
#8b5cf6rgba(139, 92, 246, 1)
#ec4899rgba(236, 72, 153, 1)

Về HEX và RGBA

HEX ghi đỏ, xanh lá và xanh dương, mỗi kênh bằng hai chữ số thập lục phân, ví dụ #ff5733. Đây là cách ghi màu phổ biến nhất trên web và trong các công cụ thiết kế.

RGBA là RGB thêm kênh alpha cho độ mờ đục, viết là rgba(255, 87, 51, 0.5). Alpha từ 0 (trong suốt hoàn toàn) đến 1 (đục hoàn toàn). Cùng độ mờ đục đó có thể viết bằng HEX 8 chữ số, ví dụ #ff573380.

Cách chuyển đổi hoạt động

PickShade đọc giá trị HEX, chuyển sang CIE XYZ bằng các ma trận trong đặc tả CSS Color 4, rồi chuyển tiếp sang RGBA. Giá trị nằm ngoài gam màu đích được ánh xạ theo thuật toán CSS Color 4: giữ độ sáng và tông màu, chỉ giảm độ rực.

Hỏi đáp

Làm sao chuyển HEX sang RGBA?

Dán hoặc nhập giá trị HEX vào ô phía trên. PickShade chuyển đổi ngay khi bạn gõ theo công thức CSS Color 4, và chỉ cần một cú nhấp để sao chép giá trị RGBA.

Chuyển HEX sang RGBA có chính xác không?

Phép tính là chính xác, kết quả chỉ được làm tròn khi hiển thị, với đủ chữ số để chuyển ngược lại vẫn ra đúng màu cũ. Nếu màu không nằm trong gam màu đích, PickShade sẽ cảnh báo và hiện màu gần nhất nằm trong gam.

Có lấy được các định dạng khác cùng lúc không?

Có. Mọi định dạng khác, gồm OKLCH, Display P3, Tailwind, SwiftUI, Flutter và Android, đều được liệt kê bên dưới kết quả và sao chép bằng một cú nhấp.

Công cụ chuyển đổi này có miễn phí không?

Có. Hoàn toàn miễn phí, không cần đăng ký và chạy hoàn toàn trong trình duyệt của bạn.