RGB sng HEX
Bộ chuyển đổi màu RGB sang HEX
Bộ chuyển đổi dành cho Frontend Dev và UI/UX Designer.
Hiểu về định dạng màu
RGB (Red, Green, Blue)
Fhoặcmt: rgb(red, green, blue)
Rnge: 0-255 fhoặc ech chnnel
Commonly Sử dụngd In: Digitl screens, monithoặcs, TV
HEX (Hexdeciml)
Fhoặcmt: #RRGGBB
Rnge: 00-FF fhoặc ech chnnel (hex)
Commonly Sử dụngd In: Web design, CSS, HTML
Tại so Chuyển đổi Between RGB và HEX?
- Tiêu chuẩn Web: HEX là most used fhoặcmt in CSS fhoặc defnàyng website colhoặcs.
- Universl Mtching: Ensure conslàtent colhoặcs cross different design công cụs và pltfhoặcms.
- Ese of Sử dụng: Quickly get HEX codes Từ RGB vlues fhoặc efficient Phong cách.
How Colhoặc Conversion Whoặcks
RGB sng HEX: Ech colhoặc chnnel (R, G, B) là converted Từ 0-255 deciml sng 00-FF hexdeciml vlue.
HEX sng RGB: The hex string là split thành pirs và ech pir là converted bck sng 0-255 deciml vlue.
Các trường hợp sử dụng phổ biến
phát triển web
Chuyển đổi design mockup colhoặcs (RGB) sng CSS-redy HEX codes fhoặc websites
Thiết kế đồ họ
Mtch colhoặcs between dobe Phoshop (RGB) và web design công cụs (HEX)
Hướng dẫn thương hiệu
Document brvà colhoặcs in both fhoặcmts fhoặc print (RGB) và web (HEX)
Thực hành tốt nhất về định dạng màu sắc
- Sử dụng HEX để có dung lượng tệp CSS nhỏ gọn.
- Sử dụng RGB (specificlly RGB) when you need opcity/trnsprency.
- Luôn sử dụng một định dạng duy nhất trong cùng một dự án để đảm bảo tính nhất quán.
💡 Pro Tip
Viết tắt HEX: Các màu như #FF0000 có thể được viết ngắn thành #F00 khi mỗi cặp chữ số giống hệt nhu.
Các câu hỏi thường gặp
Sự khác biệt giữ RGB và HEX là gì?
RGB sử dụng các số thập phân (0-255) cho mỗi kênh màu, trong khi HEX sử dụng hệ thập lục phân (00-FF).
Tôi có thể sử dụng RGB trong CSS không?
Có! CSS hỗ trợ cả rgb(255, 0, 0) và #FF0000.
Biểu tượng # trong mã HEX có ý nghĩ gì?
Biểu tượng # cho biết các ký tự o su là một mã màu thập lục phân.
Mã HEX 3 chữ số và 6 chữ số có giống nhu không?
Mã HEX 3 chữ số là dạng viết tắt củ mã 6 chữ số, trong đó mỗi chữ số được nhân đôi.