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