แปลงรหัสสี HEX เป็น RGB และย้อนกลับ
พิมพ์รหัส HEX เช่น #FF5733 และดู RGB ที่เทียบเท่าทันที — rgb(255, 87, 51) หรือป้อนค่า RGB และรับรหัส HEX ตัวอย่างสีจะอัปเดตทันทีเมื่อคุณพิมพ์ และปุ่มเพียงคลิกเดียวจะคัดลอกค่าในรูปแบบที่คุณต้องการสำหรับ CSS เครื่องมือออกแบบ หรือเอกสารประกอบ
ใช้เครื่องมือนี้ฟรีBrowser tool
Hex to RGB converter
Convert 3, 4, 6, or 8-digit HEX colors to RGB and RGBA values instantly. Nothing is uploaded.
Alpha: 1
วิธีใช้
ป้อนค่าสี
พิมพ์รหัส HEX (มีหรือไม่มีสัญลักษณ์ #) หรือป้อนค่า RGB เป็นตัวเลขสามตัวตั้งแต่ 0 ถึง 255
ดูผลลัพธ์
ฟิลด์รูปแบบตรงกันข้ามจะอัปเดตโดยอัตโนมัติ ตัวอย่างตัวอย่างจะแสดงสี
สำเนา
คลิกปุ่มคัดลอกถัดจากค่าหรือข้อมูลโค้ด CSS ข้อความอวยพรยืนยันว่าข้อความอยู่บนคลิปบอร์ดของคุณ
คุณสมบัติ
การแปลงแบบสองทิศทาง
ป้อนรหัส HEX เพื่อรับ RGB หรือป้อนค่า RGB เพื่อรับ HEX ทั้งสองฟิลด์จะอัปเดตแบบเรียลไทม์ในขณะที่คุณพิมพ์ โดยไม่จำเป็นต้องคลิกปุ่มแปลง
ตัวอย่างสีสด
ตัวอย่างตัวอย่างขนาดใหญ่จะแสดงสีที่คุณป้อน โดยจะอัปเดตทันทีเพื่อให้คุณยืนยันได้ด้วยสายตาว่าเฉดสีตรงกับที่คุณคาดหวัง
ตัวอย่างเอาต์พุต CSS
รับโค้ด CSS พร้อมวางสำหรับคุณสมบัติสี สีพื้นหลัง และสีเส้นขอบทั้งในรูปแบบ HEX และ RGB คัดลอกตัวอย่างข้อมูลได้ด้วยคลิกเดียว
การสนับสนุนช่องอัลฟ่า
ป้อนรหัส HEX 8 หลักหรือค่า RGBA เพื่อให้ทำงานได้อย่างโปร่งใส เครื่องมือแปลงช่องอัลฟ่าระหว่างสองรูปแบบอย่างแม่นยำ
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai Enhanceข้อมูลจำเพาะ
| รูปแบบการป้อนข้อมูล | 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.
ออกแบบการไล่ระดับสีเชิงเส้น รัศมี และทรงกรวยด้วยการหยุดสีหลายสี คัดลอกโค้ด CSS หรือดาวน์โหลดเป็นรูปภาพ PNG ไม่จำเป็นต้องลงทะเบียน
แปลงสีระหว่างรูปแบบชื่อ HEX, RGB, HSL, HSB, CMYK และ CSS ดูตัวอย่างสด คัดลอกค่าใดก็ได้ และส่งออกการ์ดสี ไม่จำเป็นต้องลงทะเบียน
เลือกสีใดก็ได้จากภาพที่อัปโหลดและรับรหัส HEX, RGB และ HSL ทันที สร้างจานสีจากภาพถ่ายสำหรับการออกแบบเว็บ การสร้างแบรนด์ และภาพประกอบ
อัปโหลดภาพถ่ายและแยกสีเด่น 5-10 สีด้วยรหัส HEX, RGB และ HSL คัดลอกตัวอย่าง ส่งออกเป็นตัวแปร ASE หรือ CSS ไม่จำเป็นต้องลงทะเบียน
สร้างรหัส QR สำหรับ URL ข้อความ ข้อมูลรับรอง WiFi และ vCard ปรับแต่งสี เพิ่มโลโก้ตรงกลาง และดาวน์โหลดเป็น PNG หรือ SVG ไม่จำเป็นต้องลงทะเบียน
คำนวณความกว้าง ความสูง หรืออัตราส่วนภาพของรูปภาพและวิดีโอ ป้อนค่าสองค่าใดก็ได้และรับค่าที่สาม อัตราส่วนที่กำหนดไว้ล่วงหน้าสำหรับโซเชียลมีเดีย ภาพยนตร์ และสิ่งพิมพ์ ไม่จำเป็นต้องลงทะเบียน