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