Color Converter
แปลงสีระหว่าง HEX, RGB และ HSL ได้ทันที โดยทำงานอยู่ในเบราว์เซอร์ของคุณเท่านั้น
🔒 ประมวลผลในเบราว์เซอร์ของคุณ
Loading…
วิธีใช้งาน
- คลิกที่ตัวเลือกสีเพื่อเลือกสีด้วยสายตา หรือพิมพ์ค่าสีลงในช่องข้อความโดยตรง
- ค่าที่พิมพ์ได้อาจเป็นรหัส HEX (จะมีเครื่องหมาย # นำหน้าหรือไม่ก็ได้), ข้อความ rgb()/rgba() หรือข้อความ hsl()/hsla()
- ทันทีที่ระบบตรวจพบสีที่ถูกต้อง แถว HEX, RGB และ HSL ด้านล่างจะอัปเดตทันที โดยไม่ต้องกดปุ่มใดๆ
- กล่องแสดงตัวอย่างขนาดใหญ่จะแสดงให้เห็นว่าสีนั้นมีหน้าตาเป็นอย่างไร
- คลิก Copy ข้างแถวใดก็ได้เพื่อคัดลอกรูปแบบนั้นไปยังคลิปบอร์ดของคุณ
คุณสมบัติ
- แปลงค่าระหว่าง HEX, RGB และ HSL ได้ทันทีแบบเรียลไทม์
- รองรับการพิมพ์ค่า HEX, rgb() หรือ hsl() หรือใช้ตัวเลือกสีของเบราว์เซอร์เอง
- คัดลอกแต่ละรูปแบบได้ในคลิกเดียว
- ทำงานฝั่งไคลเอนต์ทั้งหมด — ค่าสีของคุณไม่มีวันออกจากเบราว์เซอร์
- ไม่มีการอัปโหลดเกี่ยวข้อง เพราะไม่มีอะไรต้องอัปโหลดตั้งแต่แรก
คำถามที่พบบ่อย
เครื่องมือนี้ส่งค่าสีของฉันไปที่ไหนหรือไม่?
ไม่ การแปลงค่าทั้งหมดคำนวณด้วยคณิตศาสตร์ JavaScript ธรรมดาโดยตรงในเบราว์เซอร์ของคุณ ไม่มีการอัปโหลดหรือส่งข้อมูลไปยังเซิร์ฟเวอร์แต่อย่างใด
ฉันสามารถพิมพ์รูปแบบใดลงในช่องกรอกข้อมูลได้บ้าง?
คุณสามารถพิมพ์รหัส HEX (เช่น #3b82f6 หรือ 3b82f6), ข้อความ rgb()/rgba() (เช่น rgb(59, 130, 246)) หรือข้อความ hsl()/hsla() (เช่น hsl(217, 91%, 60%))
รองรับความโปร่งใส (alpha) หรือไม่?
ปัจจุบันยังไม่รองรับ หากคุณพิมพ์ค่า rgba() หรือ hsla() ระบบจะรับค่า alpha ไว้แต่ไม่นำไปใช้ — มีเพียงสีทึบเท่านั้นที่จะถูกแปลง
มีขีดจำกัดจำนวนสีที่สามารถแปลงได้หรือไม่?
ไม่มี คุณสามารถแปลงสีได้มากเท่าที่ต้องการ เครื่องมือจะคำนวณใหม่ทันทีทุกครั้งที่คุณเปลี่ยนค่าที่ป้อน
ทำไมค่าที่ฉันป้อนถึงแสดงข้อผิดพลาด?
ข้อความที่ป้อนไม่ตรงกับรูปแบบ HEX, RGB หรือ HSL ที่ระบบรู้จัก ตรวจสอบให้แน่ใจว่ามีลักษณะคล้ายกับตัวอย่างเหล่านี้: #3b82f6, rgb(59, 130, 246) หรือ hsl(217, 91%, 60%)