แปลง SwiftUI เป็น HEX

วางค่า SwiftUI แล้วได้ HEX ทันที ใช้รูปแบบอื่นก็ได้เช่นกัน

จาก SwiftUI

อ่านเป็น โค้ด Swift

ค่า HEX#ff5733

HEX เป็น SwiftUI

ปรับสี

ฮิว11°

ความทึบ100%

ความสว่าง68%

ความสด0.210

ฮิว34°

รูปแบบอื่นทั้งหมด

ตัวอย่างการแปลง SwiftUI เป็น HEX

สี	SwiftUI	HEX
	Color(red: 1, green: 0, blue: 0)	#ff0000
	Color(red: 0, green: 1, blue: 0)	#00ff00
	Color(red: 0, green: 0, blue: 1)	#0000ff
	Color(red: 1, green: 1, blue: 1)	#ffffff
	Color(red: 0, green: 0, blue: 0)	#000000
	Color(red: 0.502, green: 0.502, blue: 0.502)	#808080
	Color(red: 1, green: 0.341, blue: 0.2)	#ff5733
	Color(red: 0.231, green: 0.51, blue: 0.965)	#3b82f6
	Color(red: 0.063, green: 0.725, blue: 0.506)	#10b981
	Color(red: 0.961, green: 0.62, blue: 0.043)	#f59e0b
	Color(red: 0.545, green: 0.361, blue: 0.965)	#8b5cf6
	Color(red: 0.925, green: 0.282, blue: 0.6)	#ec4899

เกี่ยวกับ SwiftUI และ HEX

SwiftUI กำหนดสีด้วยค่าแดง เขียว และน้ำเงินตั้งแต่ 0 ถึง 1 เขียนเป็น Color(red: 1, green: 0.341, blue: 0.2) ส่วนความทึบเพิ่มด้วยพารามิเตอร์ opacity

HEX เขียนสีแดง เขียว และน้ำเงินเป็นเลขฐานสิบหกช่องละสองหลัก เช่น #ff5733 เป็นวิธีเขียนสีที่พบบ่อยที่สุดบนเว็บและในโปรแกรมออกแบบ

การแปลงทำงานอย่างไร

เราอ่านค่า SwiftUI แปลงเป็น CIE XYZ ด้วยเมทริกซ์จากข้อกำหนด CSS Color 4 แล้วแปลงต่อเป็น HEX ค่าที่อยู่นอกขอบเขตสีปลายทางจะถูกปรับด้วยอัลกอริทึมของ CSS Color 4 ซึ่งคงความสว่างและฮิวไว้ แล้วลดความสดลง

คำถามที่พบบ่อย

แปลง SwiftUI เป็น HEX อย่างไร

วางหรือพิมพ์ค่า SwiftUI ลงในช่องด้านบน PickShade จะแปลงด้วยสูตร CSS Color 4 ทันทีที่พิมพ์ และคลิกเดียวก็คัดลอกค่า HEX ได้

การแปลง SwiftUI เป็น HEX แม่นยำหรือไม่

การคำนวณแม่นยำ ผลลัพธ์ถูกปัดเศษเฉพาะตอนแสดงผล โดยเหลือทศนิยมพอที่จะแปลงกลับเป็นสีเดิมได้ หากสีไม่อยู่ในขอบเขตสีปลายทาง PickShade จะเตือนและแสดงสีที่ใกล้ที่สุดที่อยู่ในขอบเขต

ได้รูปแบบอื่นพร้อมกันด้วยไหม

ได้ รูปแบบอื่นทั้งหมด รวมถึง OKLCH, Display P3, Tailwind, SwiftUI, Flutter และ Android แสดงอยู่ใต้ผลลัพธ์ และคัดลอกได้ในคลิกเดียว

ตัวแปลงนี้ใช้ฟรีไหม

ฟรี ไม่ต้องสมัคร และทำงานในเบราว์เซอร์ของคุณทั้งหมด