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

แปลง Android XML เป็น OKLCH

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

อ่านเป็น HEX

ค่า OKLCHoklch(68.036% 0.21001 33.692)
OKLCH เป็น Android XML

ปรับสี

11°
100%

68%
0.210
34°

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

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

สีAndroid XMLOKLCH
#FF0000oklch(62.796% 0.25768 29.234)
#00FF00oklch(86.644% 0.29483 142.495)
#0000FFoklch(45.201% 0.31321 264.052)
#FFFFFFoklch(100% 0 0)
#000000oklch(0% 0 0)
#808080oklch(59.987% 0 0)
#FF5733oklch(68.036% 0.21001 33.692)
#3B82F6oklch(62.308% 0.18801 259.815)
#10B981oklch(69.587% 0.14907 162.48)
#F59E0Boklch(76.859% 0.16466 70.08)
#8B5CF6oklch(60.563% 0.21892 292.717)
#EC4899oklch(65.592% 0.21177 354.308)

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

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

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

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

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

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

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

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

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

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

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

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

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

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