HEX to RGBA

เกี่ยวกับเครื่องมือนี้

ตัวแปลง HEX เป็น RGBA จะแปลงรหัสสีเลขฐานสิบหกให้อยู่ในรูปแบบ RGBA พร้อมควบคุมความโปร่งใสได้ตามต้องการ นักพัฒนาเว็บใช้เครื่องมือนี้เมื่อต้องการเพิ่มความโปร่งใสให้กับสีใน CSS เช่น สำหรับโอเวอร์เลย์ เงา และพื้นหลังกึ่งโปร่งใส

เพียงป้อนรหัสสี hex (3, 6 หรือ 8 ตัวอักษร) เครื่องมือจะแสดงค่า rgba() ที่เทียบเท่าให้ทันที คุณยังสามารถปรับค่าอัลฟา (ความโปร่งใส) ได้ตั้งแต่ 0 ถึง 1

วิธีใช้งาน

1. ป้อนรหัสสี hex (เช่น #ff5733 หรือ #f53)
2. ผลลัพธ์ RGBA จะอัปเดตทันที
3. ปรับแถบเลื่อนอัลฟาเพื่อกำหนดความโปร่งใส (0 = โปร่งใส, 1 = ทึบ)
4. คัดลอกค่า rgba() แล้ววางลงใน CSS ของคุณ
5. ใช้ hex 8 หลัก (#RRGGBBAA) สำหรับการเข้ารหัสอัลฟาโดยตรง

กรณีการใช้งาน

มีประโยชน์สำหรับโอเวอร์เลย์ CSS สี box-shadow องค์ประกอบ UI แบบกึ่งโปร่งใส และทุกครั้งที่คุณต้องการเพิ่มความโปร่งใสให้กับรหัส hex ที่กำหนด

คำถามที่พบบ่อย

• RGBA คืออะไร — RGBA เป็นรูปแบบสีของ CSS ที่ประกอบด้วย Red, Green, Blue และ Alpha (ความโปร่งใส) ค่าอัลฟาอยู่ในช่วง 0 (โปร่งใสทั้งหมด) ถึง 1 (ทึบทั้งหมด)
• สามารถแปลง hex 3 หลักได้หรือไม่ — ได้ #abc จะถูกขยายเป็น #aabbcc โดยอัตโนมัติก่อนทำการแปลง
• hex 8 หลักหมายความว่าอย่างไร — hex 8 หลักเช่น #FF5733AA มีช่องอัลฟาอยู่ในสองหลักสุดท้าย ซึ่งจะแมปตรงไปยังค่า RGBA เช่นกัน
• สามารถวางชื่อสีของ CSS ได้หรือไม่ — ไม่รองรับ รองรับเฉพาะรหัสเฮกซ์เท่านั้น ให้ใช้เครื่องมือเลือกสีเพื่อแปลงชื่อสีเป็นรหัสเฮกซ์ก่อน