ข้ามไปยังเครื่องมือเลือกสี

แปลง SwiftUI เป็น RGB

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

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

ค่า RGBrgb(255, 87, 51)
RGB เป็น SwiftUI

ปรับสี

11°
100%

68%
0.210
34°

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

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

สีSwiftUIRGB
Color(red: 1, green: 0, blue: 0)rgb(255, 0, 0)
Color(red: 0, green: 1, blue: 0)rgb(0, 255, 0)
Color(red: 0, green: 0, blue: 1)rgb(0, 0, 255)
Color(red: 1, green: 1, blue: 1)rgb(255, 255, 255)
Color(red: 0, green: 0, blue: 0)rgb(0, 0, 0)
Color(red: 0.502, green: 0.502, blue: 0.502)rgb(128, 128, 128)
Color(red: 1, green: 0.341, blue: 0.2)rgb(255, 87, 51)
Color(red: 0.231, green: 0.51, blue: 0.965)rgb(59, 130, 246)
Color(red: 0.063, green: 0.725, blue: 0.506)rgb(16, 185, 129)
Color(red: 0.961, green: 0.62, blue: 0.043)rgb(245, 158, 11)
Color(red: 0.545, green: 0.361, blue: 0.965)rgb(139, 92, 246)
Color(red: 0.925, green: 0.282, blue: 0.6)rgb(236, 72, 153)

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

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

RGB กำหนดสีแดง เขียว และน้ำเงินตั้งแต่ 0 ถึง 255 อธิบายวิธีที่หน้าจอผสมแสง และเขียนใน CSS สมัยใหม่ว่า rgb(255 87 51)

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

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

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

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

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

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

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

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

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

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

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