ตัวแปลงสี Hex เป็น RGBA
แปลงสี hex ของ CSS (#rrggbb หรือ #rgb) เป็นค่า RGBA พร้อมช่องสัญญาณอัลฟาที่กำหนดเอง ฟรี รวดเร็ว
เครื่องมือนี้ตอบคำถามของคุณหรือไม่
ขอบคุณ — ความเห็นนี้ช่วยให้เราปรับปรุงเครื่องมือ
วิธีใช้เครื่องมือนี้
- กรอกรหัสสี hex ของคุณ (เช่น #3a86ff หรือ #f0f)
- ตั้งค่าอัลฟาระหว่าง 0 (มองไม่เห็น) ถึง 1 (ทึบแสง)
- คัดลอกผลลัพธ์ rgba() ไปใช้ใน CSS ของคุณ
แปลงสี hex ของ CSS เป็น rgba() พร้อมค่าอัลฟา (ความทึบแสง) ที่กำหนดเอง มีประโยชน์เมื่อต้องการสีโปร่งใสบางส่วนใน CSS
สูตร
Given a hex color #rrggbb:
R = parseInt(rr, 16) G = parseInt(gg, 16) B = parseInt(bb, 16)
Alpha (a) = clamp(input, 0, 1), rounded to 2 decimal places
Result: rgba(R, G, B, a)
Short 3-digit hex #rgb is expanded to #rrggbb by doubling each digit before parsing.
คำถามที่พบบ่อย
- RGBA คืออะไร?
- RGBA เหมือนกับ RGB แต่มีช่องสัญญาณที่สี่เพิ่มมา คืออัลฟา ซึ่งควบคุมความทึบแสง 0 คือโปร่งใสเต็มที่ 1 คือทึบแสงเต็มที่
- ใช้รหัส hex แบบ 3 หลักได้หรือไม่?
- ได้ #abc จะถูกขยายเป็น #aabbcc โดยอัตโนมัติก่อนการแปลง