แปลง HEX เป็น HSB / HSV
วางค่า HEX แล้วได้ HSB / HSV ทันที ใช้รูปแบบอื่นก็ได้เช่นกัน
ตัวอย่างการแปลง HEX เป็น HSB / HSV
เกี่ยวกับ HEX และ HSB / HSV
HEX เขียนสีแดง เขียว และน้ำเงินเป็นเลขฐานสิบหกช่องละสองหลัก เช่น #ff5733 เป็นวิธีเขียนสีที่พบบ่อยที่สุดบนเว็บและในโปรแกรมออกแบบ
HSV หรือ HSB ใช้ฮิว ความอิ่มตัว และค่าความสว่าง (value) Photoshop, Figma และเครื่องมือเลือกสีส่วนใหญ่ใช้กับช่องเลือกสีแบบสี่เหลี่ยม
การแปลงทำงานอย่างไร
เราอ่านค่า HEX แปลงเป็น CIE XYZ ด้วยเมทริกซ์จากข้อกำหนด CSS Color 4 แล้วแปลงต่อเป็น HSB / HSV ค่าที่อยู่นอกขอบเขตสีปลายทางจะถูกปรับด้วยอัลกอริทึมของ CSS Color 4 ซึ่งคงความสว่างและฮิวไว้ แล้วลดความสดลง
คำถามที่พบบ่อย
แปลง HEX เป็น HSB / HSV อย่างไร
วางหรือพิมพ์ค่า HEX ลงในช่องด้านบน PickShade จะแปลงด้วยสูตร CSS Color 4 ทันทีที่พิมพ์ และคลิกเดียวก็คัดลอกค่า HSB / HSV ได้
การแปลง HEX เป็น HSB / HSV แม่นยำหรือไม่
การคำนวณแม่นยำ ผลลัพธ์ถูกปัดเศษเฉพาะตอนแสดงผล โดยเหลือทศนิยมพอที่จะแปลงกลับเป็นสีเดิมได้ หากสีไม่อยู่ในขอบเขตสีปลายทาง PickShade จะเตือนและแสดงสีที่ใกล้ที่สุดที่อยู่ในขอบเขต
ได้รูปแบบอื่นพร้อมกันด้วยไหม
ได้ รูปแบบอื่นทั้งหมด รวมถึง OKLCH, Display P3, Tailwind, SwiftUI, Flutter และ Android แสดงอยู่ใต้ผลลัพธ์ และคัดลอกได้ในคลิกเดียว
ตัวแปลงนี้ใช้ฟรีไหม
ฟรี ไม่ต้องสมัคร และทำงานในเบราว์เซอร์ของคุณทั้งหมด