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