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

แปลง Flutter / Compose เป็น RGB

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

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

ค่า RGBrgb(255, 87, 51)

ปรับสี

11°
100%

68%
0.210
34°

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

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

สีFlutter / ComposeRGB
Color(0xFFFF0000)rgb(255, 0, 0)
Color(0xFF00FF00)rgb(0, 255, 0)
Color(0xFF0000FF)rgb(0, 0, 255)
Color(0xFFFFFFFF)rgb(255, 255, 255)
Color(0xFF000000)rgb(0, 0, 0)
Color(0xFF808080)rgb(128, 128, 128)
Color(0xFFFF5733)rgb(255, 87, 51)
Color(0xFF3B82F6)rgb(59, 130, 246)
Color(0xFF10B981)rgb(16, 185, 129)
Color(0xFFF59E0B)rgb(245, 158, 11)
Color(0xFF8B5CF6)rgb(139, 92, 246)
Color(0xFFEC4899)rgb(236, 72, 153)

เกี่ยวกับ Flutter / Compose และ RGB

Flutter และ Jetpack Compose เขียนสีเป็นตัวเลข ARGB 32 บิตตัวเดียว เช่น Color(0xFFFF5733) เลขฐานสิบหกสองหลักหลัง 0x คืออัลฟา และ FF หมายถึงทึบเต็มที่

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

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

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

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

แปลง Flutter / Compose เป็น RGB อย่างไร

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

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

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

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

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

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

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