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

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

HSL บอกฮิวเป็นองศา ความอิ่มตัวและความสว่างเป็นเปอร์เซ็นต์ อ่านง่าย แต่ความสว่างไม่สม่ำเสมอตามการมองเห็น: สีเหลืองที่ 50% ดูสว่างกว่าสีน้ำเงินที่ 50% มาก

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

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

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