ตัวแปลงสี HEX RGB HSL
แปลงค่าสี CSS ระหว่างรูปแบบ HEX, RGB และ HSL พร้อมตัวอย่างสดและผลลัพธ์ที่คัดลอกได้
ค่า CSS
แปลงสีที่วางเป็นค่า CSS ที่พร้อมคัดลอกสำหรับสไตล์ชีต คอมโพเนนต์ และดีไซน์โทเคน
ส่งมอบงานออกแบบ
ย้ายระหว่างสเปก HEX ค่า RGB จากภาพหน้าจอและการปรับ HSL โดยไม่ต้องเปิดแอปออกแบบ
การประมวลผลในเครื่องแบบส่วนตัว
ตัวแปลงใช้ JavaScript ดั้งเดิมของเบราว์เซอร์เท่านั้น ไม่มีจุดสิ้นสุดอัปโหลดหรือการแปลงฝั่งเซิร์ฟเวอร์
เครื่องมือสีที่เกี่ยวข้อง
คำถามที่พบบ่อย
ค่าสีของฉันถูกอัปโหลดหรือไม่?
ไม่ การแปลง HEX, RGB และ HSL ทำงานด้วย JavaScript ในเบราว์เซอร์ของคุณ ค่าสีที่คุณป้อนจะไม่ถูกส่งไปยังเซิร์ฟเวอร์ของ Convertr
รองรับรูปแบบ HEX แบบใดบ้าง
ตัวแปลงรองรับสี HEX 3 หลักและ 6 หลัก เช่น #0fa และ #00ffaa
ฉันสามารถวางค่า CSS rgb() และ hsl() ได้ไหม
ได้ คุณสามารถวางค่าเช่น rgb(34, 197, 94), 34 197 94, hsl(142, 71%, 45%) หรือ 142 71% 45%
HSL มีประโยชน์อย่างไร?
HSL แยกสีสัน ความอิ่มตัว และความสว่าง ทำให้ใช้งานได้จริงเมื่อปรับตระกูลสี สถานะโฮเวอร์ และโทเค็นการออกแบบ