แปลง HSL เป็น Android XML

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

จาก HSL

อ่านเป็น HSL

ค่า Android XML#FF5733

Android XML เป็น HSL

ปรับสี

ฮิว11°

ความทึบ100%

ความสว่าง68%

ความสด0.210

ฮิว34°

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

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

สี	HSL	Android XML
	hsl(0, 100%, 50%)	#FF0000
	hsl(120, 100%, 50%)	#00FF00
	hsl(240, 100%, 50%)	#0000FF
	hsl(0, 0%, 100%)	#FFFFFF
	hsl(0, 0%, 0%)	#000000
	hsl(0, 0%, 50.2%)	#808080
	hsl(10.59, 100%, 60%)	#FF5733
	hsl(217.22, 91.22%, 59.8%)	#3B82F6
	hsl(160.12, 84.08%, 39.41%)	#10B981
	hsl(37.69, 92.13%, 50.2%)	#F59E0B
	hsl(258.31, 89.53%, 66.27%)	#8B5CF6
	hsl(330.37, 81.19%, 60.39%)	#EC4899

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

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

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

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

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

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

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

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

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

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

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

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

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

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