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

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

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

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

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

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