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

แปลง OKLCH เป็น Android XML

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

อ่านเป็น OKLCH

ค่า Android XML#FF5733
Android XML เป็น OKLCH

ปรับสี

11°
100%

68%
0.210
34°

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

ตัวอย่างการแปลง OKLCH เป็น Android XML

สีOKLCHAndroid XML
oklch(62.796% 0.25768 29.234)#FF0000
oklch(86.644% 0.29483 142.495)#00FF00
oklch(45.201% 0.31321 264.052)#0000FF
oklch(100% 0 0)#FFFFFF
oklch(0% 0 0)#000000
oklch(59.987% 0 0)#808080
oklch(68.036% 0.21001 33.692)#FF5733
oklch(62.308% 0.18801 259.815)#3B82F6
oklch(69.587% 0.14907 162.48)#10B981
oklch(76.859% 0.16466 70.08)#F59E0B
oklch(60.563% 0.21892 292.717)#8B5CF6
oklch(65.592% 0.21177 354.308)#EC4899

เกี่ยวกับ OKLCH และ Android XML

OKLCH คือ OKLab ในรูปพิกัดเชิงขั้ว: ความสว่าง ความสด และฮิว Tailwind CSS v4 ใช้กับพาเลตทั้งหมด เพราะเปลี่ยนความสว่างแล้วฮิวยังคงที่

ไฟล์ XML ของ Android เขียนสีเป็น #RRGGBB หรือ #AARRGGBB โดยอัลฟาอยู่หน้า เช่น #80FF5733 คือความทึบ 50% ลำดับ ARGB นี้ต่างจาก CSS ที่อัลฟาอยู่ท้าย

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

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

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

แปลง OKLCH เป็น Android XML อย่างไร

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

การแปลง OKLCH เป็น Android XML แม่นยำหรือไม่

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

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

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

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

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