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

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

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

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

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

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