เครื่องมือแปลง HEX เป็น HSL
แปลงสีใดๆ ระหว่างสัญลักษณ์ HEX, RGB, HSL และ CMYK ด้วยตัวอย่างตัวอย่างแบบเรียลไทม์ — จากเบราว์เซอร์ของคุณโดยตรง
กำลังประมวลผล...
0%
แยกวิเคราะห์ค่าสี
การแปลงปริภูมิสี
การแสดงตัวอย่าง
เสร็จแล้ว
ผลลัพธ์
หน้านี้จะเปิดตัวแปลงสีโดยเลือก HEX ไว้ล่วงหน้า — วางโค้ด เช่น #3b82f6 แล้วเรียกใช้เพื่ออ่านสีเดียวกันกับ hsl(hue, saturation, lightness)
HSL อธิบายสีตามเฉดสี (0–360°) ความอิ่มตัวและความสว่าง ซึ่งทำให้เป็นสัญลักษณ์ CSS ที่เป็นมิตรกับมนุษย์มากที่สุด: ทำให้ปุ่มมืดลงโดยการลดความสว่าง หรือสร้างชุดสีโดยเลื่อนเฉพาะเฉดสี การแก้ไขตัวเลข HEX ไม่สามารถแสดงให้อ่านได้อย่างอ่านง่าย
ตัวแปลงแบบเต็มยอมรับอินพุต HEX, RGB หรือ HSL และส่งคืนสัญลักษณ์ทั้งสี่พร้อมกันพร้อมตัวเลือกสีดั้งเดิมและแถบตัวอย่างสด ทุกอย่างเกิดขึ้นในเบราว์เซอร์ของคุณ ดังนั้นค่าสีจะไม่ออกจากอุปกรณ์ของคุณ