ตัวแปลง RGB เป็น HSL – แปลงสีสด พร้อมตัวอย่าง
ตัวแปลง RGB เป็น HSL เปลี่ยนสี RGB เป็น HSL ได้ทันที การแก้ไขแบบสองทางสดให้คุณเปลี่ยนค่าฝั่งใดฝั่งหนึ่งแล้วเห็นอีกฝั่งอัปเดต รองรับรูปแบบสีทั่วไป เช่น #abc, rgb(1 2 3 / 50%) และสีชื่อเรียก ดูตัวอย่างสี คัดลอกบรรทัด CSS พร้อมใช้ และตรวจคำเตือนสำหรับสีนอกขอบเขต sRGB
ตัวแปลง RGB เป็น HSL ทำให้การแปลงสีและตรวจสอบรูป HSL ง่าย กรอกสี RGB หรือแก้ไขค่าฝั่ง RGB หรือ HSL อีกฝั่งจะอัปเดตสด เครื่องมือรองรับอินพุตสีที่ยืดหยุ่น เช่น #abc, rgb(1 2 3 / 50%) และสีชื่อเรียก และแสดงตัวอย่างสีเพื่ออ้างอิงภาพ
การแปลงรักษารูปสีทั้งสองให้ซิงก์กันขณะแก้ไข คุณสามารถคัดลอกบรรทัด CSS พร้อมใช้สำหรับผล HSL และเครื่องมือแสดงคำเตือนสีนอกขอบเขตเมื่อสีอยู่นอกขอบเขต sRGB ไม่มีตั้งค่าการแปลงเพิ่มเติม งานหลักคือกรอกหรือแก้ไขสีแล้วตรวจผลที่อัปเดต
RGB แสดงสีผ่านองค์ประกอบแดง เขียว น้ำเงิน ส่วน HSL แสดงผ่านสีสัน ความอิ่มตัว และความสว่าง การแปลงระหว่างรูปแบบมีประโยชน์เมื่อโค้ด เอกสาร หรือระบบอื่นต้องการรูปใดรูปหนึ่ง การแก้ไขสดช่วยตรวจค่าที่ได้รับ ขณะที่ตัวอย่างสีให้ตรวจภาพก่อนคัดลอก CSS
เครื่องมือทำงานในเบราว์เซอร์ของคุณทั้งหมด ข้อมูลของคุณถูกประมวลผลบนอุปกรณ์ของคุณ ไม่ถูกอัปโหลด เก็บ หรือส่งไปยังเซิร์ฟเวอร์ ไม่ต้องสมัครสมาชิก และหลังโหลดหน้าเว็บแล้ว การแปลงใช้งานออฟไลน์ได้ My-DevTools ยังมีหน้าสำหรับแปลงกลับ คุณสามารถแปลงสีกลับเป็น RGB ได้โดยไม่ต้องพิมพ์ใหม่
ตัวแปลง RGB เป็น HSL นี้มีประโยชน์สำหรับนักพัฒนาและวิศวกร DevOps ที่ต้องย้ายค่าสีระหว่างรูปแบบ ตรวจสีก่อนใช้ หรือเตรียม CSS สำหรับโค้ดและการสื่อสารทางเทคนิค การอัปเดตทันที รูปแบบอินพุตที่รองรับ ตัวอย่างสี และผลพร้อมคัดลอก ทำให้การตรวจเหล่านั้นไม่ยุ่งยาก
ขั้นตอนที่ 1: กรอกหรือวางสี RGB ตัวแยกวิเคราะห์รองรับรูปแบบ เช่น #abc, rgb(1 2 3 / 50%) และสีชื่อเรียก
ขั้นตอนที่ 2: แก้ไขค่าฝั่ง RGB หรือ HSL เพื่ออัปเดตอีกฝั่งสด ทำให้เปรียบเทียบรูปสีได้ง่ายขณะทำงาน
ขั้นตอนที่ 3: ดูตัวอย่างสีและคำเตือนสีนอกขอบเขต คำเตือนช่วยระบุสีที่อยู่นอกขอบเขต sRGB
ขั้นตอนที่ 4: คัดลอกบรรทัด CSS พร้อมใช้เมื่อผล HSL พร้อมใช้ในโค้ดของคุณ
กรณีการใช้งาน: ย้ายข้อมูล RGB ไปยังระบบที่รับเฉพาะ HSL แปลงสีแล้วคัดลอกบรรทัด CSS สำหรับขั้นตอนถัดไป
กรณีการใช้งาน: ตรวจว่าค่า HSL ที่ได้รับตรงกับสี RGB ต้นฉบับไหม การแก้ไขแบบสองทางสดทำให้เปรียบเทียบสองรูปง่าย
กรณีการใช้งาน: เตรียมตัวอย่างสี RGB สำหรับเอกสาร ตั๋วงาน หรือข้อความคอมมิต ตัวอย่างสีและบรรทัด CSS พร้อมคัดลอกช่วยตรวจและแชร์ผล
กรณีการใช้งาน: ตรวจสุขภาพการแปลงสีก่อนวางผลลงโค้ด ยืนยันสีที่แสดงและดูคำเตือนสีนอกขอบเขต
กรณีการใช้งาน: ตรวจสอบสีที่เขียนเป็นค่า HEX แบบสั้น ฟังก์ชัน rgb() หรือชื่อสี ตัวแยกวิเคราะห์ที่ยืดหยุ่นรองรับรูปแบบอินพุตเหล่านี้
กรณีการใช้งาน: ปรับสีขณะเปรียบเทียบค่า RGB และ HSL แก้ไขฝั่งใดฝั่งหนึ่ง อีกฝั่งจะอัปเดตสด คุณจึงเห็นรูปที่สอดคล้องกัน