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

แปลง RGB เป็น SwiftUI

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

อ่านเป็น RGB

ค่า SwiftUIColor(red: 1, green: 0.341, blue: 0.2)
SwiftUI เป็น RGB

ปรับสี

11°
100%

68%
0.210
34°

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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