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