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