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