การแปลงสี RGB เป็น HSL

ป้อนระดับสีแดง เขียว และน้ำเงิน (0..255) แล้วกดปุ่มแปลง :

ใส่สีแดง (R):
ใส่สีเขียว (G):
ใส่สีฟ้า (B):
   
ฮิว (H): °  
ความอิ่มตัว (S): %  
ความเบา (L): %  
ดูตัวอย่างสี:  

การแปลง HSL เป็น RGB ►

สูตรการแปลง RGB เป็น HSL

ค่า R, G , Bหารด้วย 255 เพื่อเปลี่ยนช่วงจาก 0..255 เป็น 0..1 :

R' = R/255

G' = G/255

B' = B/255

Cmax = max(R', G', B')

Cmin = min(R', G', B')

Δ = Cmax - Cmin

 

การคำนวณเว้:

 

การคำนวณความอิ่มตัว:

 

การคำนวณความสว่าง:

L = (Cmax + Cmin) / 2

ตารางสี RGB เป็น HSL

สี สี

ชื่อ

เลขฐานสิบหก (อาร์,จี,บี) (ช,ส,ล)
  สีดำ #000000 (0,0,0) (0°,0%,0%)
  สีขาว #FFFFFF (255,255,255) (0°,0%,100%)
  สีแดง #FF0000 (255,0,0) (0°,100%,50%)
  มะนาว #00FF00 (0,255,0) (120°,100%,50%)
  สีฟ้า #0000FF (0,0,255) (240°,100%,50%)
  สีเหลือง #FFFF00 (255,255,0) (60°,100%,50%)
  สีฟ้า #00FFFF (0,255,255) (180°,100%,50%)
  สีม่วงแดง #FF00FF (255,0,255) (300°,100%,50%)
  เงิน #บีบีบีบีเอฟ (191,191,191) (0°,0%,75%)
  สีเทา #808080 (128,128,128) (0°,0%,50%)
  สีน้ำตาลแดง #800000 (128,0,0) (0°,100%,25%)
  มะกอก #808000 (128,128,0) (60°,100%,25%)
  สีเขียว #008000 (0,128,0) (120°,100%,25%)
  สีม่วง #800080 (128,0,128) (300°,100%,25%)
  นกเป็ดน้ำ #008080 (0,128,128) (180°,100%,25%)
  กองทัพเรือ #000080 (0,0,128) (240°,100%,25%)

 

การแปลง HSL เป็น RGB ►

 


ดูสิ่งนี้ด้วย

คุณสมบัติของเครื่องมือแปลงสี RGB เป็น HSL

  1. แปลงค่า RGB เป็นค่า HSL: เครื่องมือนี้ช่วยให้ผู้ใช้สามารถป้อนค่า RGB (แดง, เขียว, น้ำเงิน) และแปลงให้เป็นค่า HSL ที่สอดคล้องกัน (สี ความอิ่มตัว ความสว่าง)

  2. แปลงค่า HSL เป็นค่า RGB: เครื่องมือนี้ยังอนุญาตให้ผู้ใช้ป้อนค่า HSL และแปลงเป็นค่า RGB ที่สอดคล้องกัน

  3. การป้อนสีแบบกำหนดเอง: ผู้ใช้สามารถป้อนค่า RGB หรือ HSL ของตนเองเพื่อแปลงเป็นรูปแบบอื่นได้

  4. ตัวเลือกสี: เครื่องมือแปลงสี RGB เป็น HSL บางตัวอาจมีคุณสมบัติตัวเลือกสี ซึ่งช่วยให้ผู้ใช้สามารถเลือกสีจากจานสีที่มองเห็นได้ หรือโดยการปรับแถบเลื่อนสำหรับค่า RGB หรือ HSL

  5. ดูตัวอย่างสีที่ได้: เครื่องมือควรแสดงตัวอย่างสีที่ได้หลังจากการแปลง เพื่อให้ผู้ใช้สามารถดูว่าสีนั้นเป็นอย่างไร

  6. การแปลงหลายสี: เครื่องมือบางอย่างอาจอนุญาตให้ผู้ใช้แปลงหลายสีพร้อมกัน ไม่ว่าจะโดยการป้อนค่าหลายชุดหรือโดยใช้แถบสีหรือจานสี

  7. ไลบรารีสีหรือจานสี: เครื่องมือบางอย่างอาจรวมถึงไลบรารีหรือจานสีของสีที่กำหนดไว้ล่วงหน้า ซึ่งผู้ใช้สามารถเลือกจากหรือใช้เป็นข้อมูลอ้างอิงได้

  8. การออกแบบที่ตอบสนองตามอุปกรณ์: เครื่องมือควรตอบสนองได้ดีและทำงานได้ดีบนอุปกรณ์ต่างๆ เช่น คอมพิวเตอร์เดสก์ท็อป แท็บเล็ต และสมาร์ทโฟน

  9. การแสดงภาพพื้นที่สี HSL: เครื่องมือบางอย่างอาจรวมถึงการแสดงภาพพื้นที่สี HSL ซึ่งสามารถช่วยให้ผู้ใช้เข้าใจว่าค่า HSL ที่แตกต่างกันสอดคล้องกับสีที่ต่างกันอย่างไร

  10. ตัวเลือกในการปรับค่า HSL เป็นเปอร์เซ็นต์หรือองศา: เครื่องมือบางอย่างอาจอนุญาตให้ผู้ใช้ป้อนค่า HSL เป็นเปอร์เซ็นต์หรือองศา ขึ้นอยู่กับการตั้งค่า

Advertising

การแปลงสี
°• CmtoInchesConvert.com •°