แปลงรหัสสี HEX เป็น RGB และย้อนกลับ
พิมพ์รหัส HEX เช่น #FF5733 และดู RGB ที่เทียบเท่าทันที — rgb(255, 87, 51) หรือป้อนค่า RGB และรับรหัส HEX ตัวอย่างสีจะอัปเดตทันทีเมื่อคุณพิมพ์ และปุ่มเพียงคลิกเดียวจะคัดลอกค่าในรูปแบบที่คุณต้องการสำหรับ CSS เครื่องมือออกแบบ หรือเอกสารประกอบ
ใช้เครื่องมือนี้ฟรีคุณสมบัติ
การแปลงแบบสองทิศทาง
ป้อนรหัส HEX เพื่อรับ RGB หรือป้อนค่า RGB เพื่อรับ HEX ทั้งสองฟิลด์จะอัปเดตแบบเรียลไทม์ในขณะที่คุณพิมพ์ โดยไม่จำเป็นต้องคลิกปุ่มแปลง
ตัวอย่างสีสด
ตัวอย่างตัวอย่างขนาดใหญ่จะแสดงสีที่คุณป้อน โดยจะอัปเดตทันทีเพื่อให้คุณยืนยันได้ด้วยสายตาว่าเฉดสีตรงกับที่คุณคาดหวัง
ตัวอย่างเอาต์พุต CSS
รับโค้ด CSS พร้อมวางสำหรับคุณสมบัติสี สีพื้นหลัง และสีเส้นขอบทั้งในรูปแบบ HEX และ RGB คัดลอกตัวอย่างข้อมูลได้ด้วยคลิกเดียว
การสนับสนุนช่องอัลฟ่า
ป้อนรหัส HEX 8 หลักหรือค่า RGBA เพื่อให้ทำงานได้อย่างโปร่งใส เครื่องมือแปลงช่องอัลฟ่าระหว่างสองรูปแบบอย่างแม่นยำ
วิธีใช้
ป้อนค่าสี
พิมพ์รหัส HEX (มีหรือไม่มีสัญลักษณ์ #) หรือป้อนค่า RGB เป็นตัวเลขสามตัวตั้งแต่ 0 ถึง 255
ดูผลลัพธ์
ฟิลด์รูปแบบตรงกันข้ามจะอัปเดตโดยอัตโนมัติ ตัวอย่างตัวอย่างจะแสดงสี
สำเนา
คลิกปุ่มคัดลอกถัดจากค่าหรือข้อมูลโค้ด CSS ข้อความอวยพรยืนยันว่าข้อความอยู่บนคลิปบอร์ดของคุณ
ข้อมูลจำเพาะ
| รูปแบบการป้อนข้อมูล | HEX (3, 6, 8 หลัก), RGB, RGBA |
| รูปแบบเอาต์พุต | HEX, RGB, RGBA |
| การสนับสนุนอัลฟ่า | ใช่ (HEX8, RGBA) |
| ตัวอย่าง CSS | สี พื้นหลัง เส้นขอบ |
| ดูตัวอย่าง | ตัวอย่างสด |
| กำลังประมวลผล | ฝั่งไคลเอ็นต์ (ทันที) |
Related Magic Eraser Tools
คำถามทั่วไป
รหัส HEX 3 หลักและ 6 หลักแตกต่างกันอย่างไร
+
รหัส HEX 3 หลัก เช่น #F53 เป็นการจดชวเลขสำหรับ #FF5533 โดยแต่ละหลักจะเพิ่มเป็นสองเท่า เครื่องมือยอมรับทั้งสองแบบฟอร์มและส่งออกรหัสเต็ม 6 หลักเสมอเพื่อความชัดเจน
ฉันสามารถป้อนรหัส HEX โดยไม่มีสัญลักษณ์ # ได้หรือไม่
+
ใช่. เครื่องมือรับรู้ค่า HEX โดยมีหรือไม่มีแฮชนำหน้า มันจะเพิ่ม # ให้กับเอาต์พุตโดยอัตโนมัติ
ฉันจะแปลงสีด้วยความโปร่งใสได้อย่างไร
+
ใช้รหัส HEX 8 หลักโดยที่ตัวเลข 2 หลักสุดท้ายแสดงถึงอัลฟ่า (เช่น #FF573380 สำหรับความทึบ 50%) หรือป้อนค่า RGBA สี่ค่า เครื่องมือนี้จะแปลงช่องอัลฟ่าระหว่างทั้งสองรูปแบบ
การทำงานกับสีของแบรนด์ในภาพถ่าย?
AI Enhance สามารถปรับสีรูปภาพให้เข้ากับชุดสีแบรนด์ของคุณได้ รับค่า RGB ที่แน่นอนที่นี่ จากนั้นใช้เป็นข้อมูลอ้างอิงเมื่อปรับปรุงการถ่ายภาพผลิตภัณฑ์
ลองฟรีMore free tools
Explore our other limited free edits after sign-in photo and image tools.
ปรับขนาดรูปภาพให้เป็นขนาดพิกเซลที่แน่นอนสำหรับโซเชียลมีเดีย เว็บ และสิ่งพิมพ์ ไม่จำเป็นต้องลงทะเบียน รองรับ JPEG, PNG และ WebP สูงสุด 50 MB
บีบอัดรูปภาพ JPEG, PNG และ WebP สูงสุดถึง 80 % โดยสูญเสียคุณภาพที่มองเห็นได้น้อยที่สุด ปรับแถบเลื่อนคุณภาพเพื่อการควบคุมเต็มรูปแบบ ไม่จำเป็นต้องลงทะเบียน
แปลงภาพ PNG เป็นรูปแบบ JPEG ได้ทันที ปรับคุณภาพงานพิมพ์ เลือกสีพื้นหลังสำหรับพื้นที่โปร่งใส และดาวน์โหลด — ไม่จำเป็นต้องลงทะเบียน
แปลงภาพ JPEG เป็นรูปแบบ PNG เพื่อการรองรับคุณภาพและความโปร่งใสแบบไม่สูญเสียข้อมูล เหมาะอย่างยิ่งก่อนการลบพื้นหลัง ไม่จำเป็นต้องลงทะเบียนหรือติดตั้ง
แปลงรูปภาพ Apple HEIC และ HEIF เป็นรูปแบบ JPEG ที่เข้ากันได้ในระดับสากล ใช้งานได้ในเบราว์เซอร์ — ไม่ต้องติดตั้งแอป ไม่ต้องสมัคร ไม่ต้องอัพโหลดไฟล์ไปยังเซิร์ฟเวอร์
แปลง JPEG และ PNG เป็น WebP เพื่อให้โหลดหน้าเว็บได้เร็วขึ้น หรือแปลง WebP กลับเป็น JPEG/PNG เพื่อความเข้ากันได้ ไม่ต้องสมัคร ไม่ต้องติดตั้ง ทำงานในเบราว์เซอร์